/*通用的css*/ .disnone{ display: none; } .disblock{ display: block; } .margintop0{ margin-top: 0; } .marginbot20{ margin-bottom: 20px; } #container{ margin-top: 1px; } .textalignleft{ text-align: left; } .textalignright{ text-align: right; } .textaligncenter{ text-align: center; } .floatleft{ float: left; } .floatright{ float: right; } .container>p{float: left; width: 100px; height: 74px; font-size: 18px; padding:22px 0px 0 0px; margin: 0} header #hw1_global_nav nav .nav-contact > ul:first-child li > a{line-height:50px;} /*在电脑端，手机端的内页nav隐藏*/ .neiYe_navBox{ display: none; } /*每个页面上方的banner*/ /* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} .full-row1{width:100%;transition:.2s width ease;*zoom:1}.full-row1:before,.full-row1:after{display:table;clear:both;content:''}.full-row1>[class*='span']{float:left}.full-row1>.span-1{width:8.33333333%;*width:8.22333333%}.full-row1>.span-2{width:16.66666667%;*width:16.55666667%}.full-row1>.span-3{width:16%;*width:24.89%}.full-row1>.span-4{width:33.33333333%;*width:33.22333333%}.full-row1>.span-5{width:41.66666667%;*width:41.55666667%}.full-row1>.span-6{width:50%;*width:49.89%}.full-row1>.span-7{width:58.33333333%;*width:58.22333333%}.full-row1>.span-8{width:66.66666667%;*width:66.55666667%}.full-row1>.span-9{width:75%;*width:74.89%}.full-row1>.span-10{width:83.33333333%;*width:83.22333333%}.full-row1>.span-11{width:91.66666667%;*width:91.55666667%}.full-row1>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row1>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto} @media only screen and (max-width:1024px){ .row>.midd-1{width:7.33333333%} .row>.midd-2{width:15.66666667%} .row>.midd-3{width:24%} .row>.midd-4{width:32.33333333%} .row>.midd-5{width:40.66666667%} .row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico {display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 {background-position:-20px 0;} .ico1_3 {background-position:-40px 0;} .ico1_4 {background-position:-60px 0;} .ico1_5 {background-position:-80px 0;} .ico2_1 {background-position:0 -20px;} .ico2_2 {background-position:-20px -20px;} .ico2_3 {background-position:-40px -20px;} .ico2_4 {background-position:-60px -20px;} .ico2_5 {background-position:-80px -20px;} .ico3_1 {background-position:0 -40px;} .ico3_2 {background-position:-20px -40px;} .ico3_3 {background-position:-40px -40px;} .ico3_4 {background-position:-60px -40px;} .ico3_5 {background-position:-80px -40px;} .ico4_1 {background-position:0 -60px;} .ico4_2 {background-position:-20px -60px;} .ico4_3 {background-position:-40px -60px;} .ico4_4 {background-position:-60px -60px;} .ico4_5 {background-position:-80px -60px;} /* 常量设置 */ .wrap {width:1200px; margin-right:auto; margin-left:auto;} .mwrap {max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{ font-size:16px; line-height:1.6; color:#282828; } body{background: url(../images/bg_dutybody.jpg) no-repeat center top fixed;} a{color:inherit;} /*a:hover {color:#ea5613;}*/ ::-moz-selection {color:#fff; background:#3cabff; } ::selection {color:#fff; background:#3cabff; } ::-webkit-input-placeholder {color:#aaa; } .placeholder {color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus {border-color:#66afe9; outline:0; about04_box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /*公共部分*/ .channel-content{padding:70px 0 50px;} .common-infor{text-align:center;} .common-tit{font-size:34px; color:#0890f5; padding-bottom:30px; display:inline-block; line-height:1; font-weight:normal;} .common-infor.black .common-tit{color:#333;} .common-line{width:36px; height:1px; background:#a8aaae; display:block; margin:0 auto 22px;} .common-con{font-size:16px; color:#4d4d4d; line-height:2; padding:0;} /*下方card样式*/ .card .card-img img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .card:hover .card-img img { -webkit-transform: translateX(-20px); transform: translateX(-20px); } .card h2 { font-size: 38px; line-height: 48px; font-weight:bold; } .card-content { padding: 30px 40px; background: #dde6ed; } .card-content h3 { font-size: 20px; line-height: 34px; margin-top: 5px; margin-bottom: 0; display: none; } .card-content a { color: #222222; } .card-content a:hover { text-decoration: underline; } .card-content p { margin: 0; font-size: 16px; line-height: 30px; } a.read-more, span.read-more { font-size: 22px; line-height: 34px; color: #222222; display: block; } a.read-more:hover, span.read-more:hover { text-decoration: none; } a.read-more em, span.read-more em { display: inline-block; font-size: 20px; margin-left: 15px; vertical-align: middle; } @keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } @-webkit-keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } /*公共部分 end*/ /*首页新加产品分类的css*/ .focus{max-width: 1366px;margin: 0 auto;height:730px;position: relative; background: rgba(255,255,255,0.5);padding: 80px 0 100px 0} .xmSlide_01{height:512px;background:url(../images/focus01.jpg) no-repeat right center;} .xmSlide_02{height:512px;background:url(../images/focus02.jpg) no-repeat right center;} .xmSlide_03{height:512px;background:url(../images/focus03.jpg) no-repeat right center;} .xmSlide_04{height:512px;background:url(../images/focus04.jpg) no-repeat right center;} .xmSlide-pagination{padding-top:15px;text-align:center;} .xmSlide-pagination li{display:inline-block;width:12px;height:12px;margin:0 5px;} .xmSlide-pagination li a{display:inline-block;width:12px;height:12px;text-indent:-9999px;background-color:#ccd1d9;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden;} .xmSlide-pagination li a.active{background-color:#656d78;} .xmSlide-control{overflow:hidden;} .btn{position:absolute;left:0;z-index:9999;background: #dce6ee;width:51.2%;padding: 50px 0; margin-top: 5%;} .btn span{display:block;text-align:left;padding-right:158px;} .btn h1{display:block;text-align:left;font-size: 28px; line-height: 38px; margin-bottom: 0; margin-top: 0;padding:0 50px} .btn h2{font-size: 18px; line-height: 30px;padding:20px 50px} .btn p a{width:133px;height:36px;display:inline-block;margin-right:10px;line-height:36px;font-size:14px;color:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .item1{background-color:#ff9000;-webkit-box-shadow:0 2px rgba(13,47,88,.19);-moz-box-shadow:0 2px rgba(13,47,88,.19);box-shadow:0 2px rgba(13,47,88,.19);width:133px;height:36px;display:inline-block;margin-right:10px;line-height:36px;font-size:14px;color:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-left: 50px; display: none;} .item2{background-color:#5e95e1;-webkit-box-shadow:0 2px rgba(13,47,88,.19);-moz-box-shadow:0 2px rgba(13,47,88,.19);box-shadow:0 2px rgba(13,47,88,.19);width:133px;height:36px;display:inline-block;margin-right:10px;line-height:36px;font-size:14px;color:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-left: 50px; } /*首页新加产品分类的css*/ /*首页新加合作案例的css*/ .c_chairbox{ width:100%; height:480px; overflow:hidden; background:url(../images/bg_1.jpg) no-repeat top center; margin-top:1px; min-width:1100px;} .marqueeleft{height:468px;width:1100px;overflow:hidden;margin:6px auto;} #ticker-1{float: left; } #ticker-1 li{ float:left; width:100px;} #ticker-1 li{float:left;margin:0 12px;display:inline;width:310px;height:468px;overflow:hidden;position: relative;} #ticker-1 li .pic{display:block;width:310px;height:226px;overflow:hidden; margin-top:16px;} #ticker-1 li .pic img{ width:310px; height:226px; overflow:hidden;} #ticker-1 li .pic .bofang{ display: block; width: 90%; height:60%; position: absolute; left: 5%; top: 0; background: url(../images/movie_play.png) no-repeat center center; text-align: center; color: #fff; line-height: 30px; font-size: 12px; z-index: 99;} #ticker-1 li:hover .bofang { background:url(../images/movie_play2.png) no-repeat center center; } #ticker-2{float: left; margin-right: 100px;margin-left: 100px;} #ticker-2 li{ float:left; width:100px;} #ticker-2 li{float:left;margin:0 12px;display:inline;width:310px;height:468px;overflow:hidden;position: relative;} #ticker-2 li .pic{display:block;width:310px;height:226px;overflow:hidden; margin-top:16px;} #ticker-2 li .pic img{ width:310px; height:226px; overflow:hidden;} #ticker-2 li .pic .bofang{ display: block; width: 90%; height:60%; position: absolute; left: 5%; top: 0; background: url(../images/movie_play.png) no-repeat center center; text-align: center; color: #fff; line-height: 30px; font-size: 12px; z-index: 99;} #ticker-2 li:hover .bofang { background:url(../images/movie_play2.png) no-repeat center center; } #ticker-3{float: left;} #ticker-3 li{ float:left; width:100px;} #ticker-3 li{float:left;margin:0 12px;display:inline;width:310px;height:468px;overflow:hidden;position: relative;} #ticker-3 li .pic{display:block;width:310px;height:226px;overflow:hidden; margin-top:16px;} #ticker-3 li .pic img{ width:310px; height:226px; overflow:hidden;} #ticker-3 li .pic .bofang{ display: block; width: 90%; height:60%; position: absolute; left: 5%; top: 0; background: url(../images/movie_play.png) no-repeat center center; text-align: center; color: #fff; line-height: 30px; font-size: 12px; z-index: 99;} #ticker-3 li:hover .bofang { background:url(../images/movie_play2.png) no-repeat center center; } /*首页新加合作案例的css结束*/ /*关于我们，about1*/ .about{padding-bottom: 0;} .about01 .content{padding-top:20px;} .about01 .content li{position:relative; margin-bottom:53px; margin-top:30px;} .about01 .content li a{display: block;} .about01 .content li:after{content:''; width:1px; height:219px; background:#f4f4f4; position: absolute; right:0; top:0; } .about01 .content .icon{width:129px; height:129px; display:block; background:url(../images/about01.png) no-repeat; margin:0 auto 22px;} .about01 .content .icon01{background-position:0 0;} .about01 .content .icon02{background-position:-129px 0;} .about01 .content .icon03{background-position:-258px 0;} .about01 .content .icon04{background-position:-387px 0;} .about01 .content .icon_1{width:129px; height:129px; display:block; background:url(../images/about02.png) no-repeat; margin:0 auto 22px;} .about01 .content .icon01{background-position:0 0;} .about01 .content .icon02{background-position:-129px 0;} .about01 .content .icon03{background-position:-258px 0;} .about01 .content .icon04{background-position:-387px 0;} .about01 .content .icon_2{width:129px; height:129px; display:block; background:url(../images/about03.png) no-repeat; margin:0 auto 22px;} .about01 .content .icon01{background-position:0 0;} .about01 .content .icon02{background-position:-129px 0;} .about01 .content .icon03{background-position:-258px 0;} .about01 .content .icon04{background-position:-387px 0;} .about01 .content .icon05{background-position:-516px 0;} .about01 .content .icon06{background-position:-645px 0;} .about01 .content .number{font-size:20px; color:#0890f5; font-family:Arial; font-weight:bold; } .about01 .content .txt{font-size:14px; color:#6e6e6e; margin-top:7px; padding:0 22%; height:44px; overflow:hidden; } /*触控*/ .about01 .content li:hover .icon01{background-position:0 -129px;} .about01 .content li:hover .icon02{background-position:-129px -129px;} .about01 .content li:hover .icon03{background-position:-258px -129px;} .about01 .content li:hover .icon04{background-position:-387px -129px;} .about01 .content li:hover .icon05{background-position:-516px -129px;} .about01 .content li:hover .icon06{background-position:-645px -129px;} .about02{padding:43px 0 70px;} .about02 .rect-143{padding-bottom:143%;} .about02 .infor{text-align:center; margin-bottom:43px;} .about02 .infor .tit{font-size:34px; color:#54504f; margin-bottom:11px;} .about02 .infor .con{font-size:16px; color:#646464; line-height:2; } .about02 .content >.row>.span-4 {width: 31.333333%; overflow: hidden;} .about02 .content >.row>[class*="span-"]{margin-right: 2%;} .about02 li .li_box{display:block; position:relative;} .about02 li .li_box .icon{width:111px; height:83px; background:url(../images/about.png) no-repeat; display: block; margin:0 auto;} .about02 li .li_box .icon01{background-position:0 0;} .about02 li .li_box .icon02{background-position:-111px 0;} .about02 li .li_box .icon03{background-position:-222px 0;} .about02 li .li_box .t{font-size:28px; color:#fff; font-weight:bold; text-align:center; margin-top:8px;} .about02 li .li_box .add{position:absolute; left:50%; margin-left:-39px; top:50%; margin-top:-45px; opacity:1; visibility:visible; z-index: 2} .about02 li .li_box .cover{width:100%; height:100%; position:absolute; background:#0890f5; background:rgba(8,144,245,0.8); top:0; left:0; text-align:center; opacity:0;visibility:hidden; z-index: 3} .about02 li .li_box .cover .con{margin-top:50%; padding:0 5%; text-align:left;} .about02 li .li_box .cover .con .list{margin-top:18px; height:210px;} .about02 li .li_box .cover .con .list_li{width:48%; float:left;} .about02 li .li_box .cover .con .list_li.odd{margin-right:4%;} .about02 li .li_box .cover .con .list_li a{font-size:16px; color:#fff; line-height:42px; display:block;} .about02 li .li_box .cover .jt{width:47px ;height:32px; background:url(../images/about07.png) no-repeat; float:right; margin-top:20px;} .about02 .mengban{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; bottom:0; z-index:1} /*触控*/ .about02 li .li_box:hover .add{opacity:0; visibility:hidden;} .about02 li .li_box:hover .cover{opacity:1; visibility:visible;} .about02 li.active .li_box .add{opacity:0; visibility:hidden;} .about02 li.active .li_box .cover{opacity:1; visibility:visible;} .about02 li.li03 .li_box .cover .con .list_li.even{width:30%;} .about02 li.li03 .li_box .cover .con .list_li.odd{margin-right:6%;} /*************产品资料下载************/ .gonggao { padding: 70px 0 80px; overflow: hidden; } .gonggao .down_list li { *zoom: 1; *clear: both; transition: all ease .2s; -moz-transition: all ease .2s; -webkit-transition: all ease .2s; -o-transition: all ease .2s; } .gonggao .down_list li:before, .gonggao .down_list li:after { display: table; clear: both; content: ''; } .gonggao .down_list a { float: left; padding: 4.2%; padding-bottom: 8%; border-bottom: 1px solid #f1f1f1; line-height: 34px; height: 34px; } .gonggao .down_list li:hover { background-color: #034ea2; } .gonggao .down_list a.download_preview { width: 65%; } .gonggao .down_list a.download_btn { width: 35%; } .gonggao .down_list span { display: inline-block; *display: inline; *zoom: 1; } .gonggao .down_list .pdf_icon { width: 33px; height: 34px; background: url(../images/pdf_icon.png) center -34px; margin-right: 25px; vertical-align: top; line-height: 34px; } .gonggao .down_list a:hover .pdf_icon { background: url(../images/pdf_icon.png) center 0; } .gonggao .down_list .name { color: #555; font-size: 18px; line-height: 34px; width: 72%; } .gonggao .down_list li:hover .name{ color:#ffffff; } .gonggao .down_list a:hover .name { color: #fff; } .gonggao .down_list .down_icon { width: 33px; height: 34px; background: url(../images/down_icon.png) center 0; margin-right: 20px; vertical-align: top; line-height: 34px; } .gonggao .down_list li:hover .down_icon { background: url(../images/down_icon.png) center -34px; } .gonggao .down_list .size { color: #555; font-size: 16px; line-height: 34px; } .gonggao .down_list li:hover .size { color: #fff; } .gonggao .page { padding-top: 50px; } /***********方案***************/ body.on { opacity: 100; filter: alpha(opacity=100) } .w1400 { position: relative; max-width: 1400px; margin: 0 auto; width: 92% } .case-channel { padding: 62px 0 50px; background: #fff } .case-channel .title { text-align: center; margin-bottom: 55px } .case-channel .title h2 { width:100%; font-size: 28px; color: #0890f5; font-weight:700; line-height: 52px } .case-channel .title p { font-size: 16px; color: #666; line-height: 26px } .case-channel .list { width: 100% } .case-channel .list li { width: 32.1%; float: left; margin: 0 1.7% 25px 0; overflow: hidden; position: relative } .case-channel .list li.cut { margin-right: 0 } .case-channel .list img { width: 100%; transition: transform .3s } .case-channel .list .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 1; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .case-channel .list .con { width: 100%; position: absolute; bottom: -88px; left: 0; padding: 0 6% 45px 4%; z-index: 2; background: url(../img/case14_h.png) no-repeat center -7px; transition: bottom .3s } .case-channel .list .red { width: 9px; height: 16px; position: absolute; bottom: 6%; right: 4%; background: url(../img/case13.png) no-repeat center; z-index: 3; opacity: 1; filter: alpha(opacity=100); transition: opacity .3s } .case-channel .list h2 { font-size: 22px; color: #fff; line-height: 39px } .case-channel .list p.font { font-size: 14px; color: #fff; line-height: 23px; height: 46px; overflow: hidden; margin-bottom: 32px } .case-channel .list .more { width: 120px; height: 34px; text-align: center; line-height: 34px; background: #0890f5; color: #fff; font-size: 14px; border-radius: 20px } /*******创客基地********/ .envir_government01 .rect-1345{padding-bottom:134.5%;} .envir_government01 .common-con{padding:0 5%; text-align:left;} .envir_government01 .content{margin-top:40px;} .envir_government01 .content li{position:relative;} .envir_government01 .content li .infor{color:#fff; line-height:24px;padding:89px 35px; position:relative; z-index:2;} .envir_government01 .content li .infor .t{font-size:26px; font-weight:bold; margin-bottom:25px; padding-bottom:20px; position:relative; text-align:center;} .envir_government01 .content li .infor .c{font-size:14px; padding:0 5px; overflow:hidden; margin-bottom:28px;} .envir_government01 .content li .infor .list{padding:0 5px; text-align:left;} .envir_government01 .content li .infor .list dd{position:relative; padding-left:15px; font-size:16px; padding-bottom:10px;} .envir_government01 .content li .infor .list dd:after{content:''; width:5px; height:5px; background:#0890f5; border-radius:10px; position:absolute; top:10px; left:1px;} .envir_government01 .content li .infor .list dd a{position:relative;color:#fff; padding-bottom:5px;} .envir_government01 .content li .infor .list dd a:before{content:''; width:0; height:1px; background:#fff; bottom:0;left:0; position:absolute; transition:width 0.4s ease;} .envir_government01 .content li .infor .list dd:hover a:before{ width:100%;} .envir_government01 .content li .cover{background:#0890f5; background:rgba(8,144,245,0.65); width:100%; height:100%; position:absolute; left:0; top:0; opacity: 0; visibility: hidden; z-index:1} .envir_government01 .content .infor .t:after{content:''; width:100%; height:1px; background:#fff; background:rgba(255,255,255,0.4); position:absolute; left:0; bottom:0;} .envir_government01 .content li:hover .cover{opacity:1; visibility:visible; } .envir_government01 .content li:hover .infor .list dd:after {background:#fff;} .envir_government02{margin-top:90px;} .envir_government02 .infor {text-align:center; padding:0 8% 40px;} .envir_government02 .infor .tit{font-size:30px; color:#555; line-height:24px; margin-bottom:27px;} .envir_government02 .infor .con{font-size:14px; color:#666; line-height:26px;} .envir_government02 .content{padding:0 9%;} .envir_government02 .content li a{display:block;} .envir_government02 .content li .icon{display:inline-block; width:63px; height:67px; background:url(../images/envir_gov04.png) no-repeat; vertical-align:middle; margin-right:30px; transition:all 0.5s ease;} .envir_government02 .content li .icon01{background-position:0 0} .envir_government02 .content li .icon02{background-position:-63px 0} .envir_government02 .content li .icon03{background-position:-126px 0} .envir_government02 .content li span{display:inline-block; font-size:18px; color:#666; line-height:26px; vertical-align:middle;} .envir_government02 .content li:hover .icon{transform:rotateY(180deg);} .envir_government02 .content li:hover span{color:#0890f5;} /*yzl整理的css*/ /*新加通用*/ h1, h2, h3, h4, h5, h6{ font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important; } /*首页*/ /*首页顶部黑条的*/ .login{ display: none; } /*首页banner图*/ #banner { margin-bottom: 0; } #banner .banner { height: auto; position: relative; overflow: hidden; width: 100%; } #banner .banner-img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; } #banner .banner-text { position: relative; color: #fff; text-align: center; margin-top: 200px; vertical-align: middle; } #banner .banner-text h2 { font-size: 60px; line-height: 80px; } #banner .banner-text a { font-size: 22px; color: #fff; } #banner .banner-text a:hover { text-decoration: none; } #banner .banner-text a em { display: inline-block; padding-left: 15px; font-size: 18px; } /*轮播按钮区域的左右按钮往下*/ .swiper-button-next, .swiper-button-prev{ top:60%; } /*banner区结束*/ /*首页视频公司简介区域*/ .product-callout { display: block; margin-bottom: 60px; margin-top: 60px; max-width: 1366px; margin-left: auto; margin-right: auto; overflow: hidden; min-height: 540px; background: rgba(255,255,255,0.5); padding: 80px 0 100px 0; } .product-callout .col-lg-6 > a { display: block; } .product-callout .col-lg-6 .card { padding-top: 100px; padding-bottom: 120px; position: static; height: 450px; width: 82%; border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .product-callout .col-lg-6 .card > div { float: right; margin-right: 160px; } .product-callout .col-lg-6 .card p { color: #fff; font-size: 18px; } .product-callout .col-lg-6 .card span { font-size: 22px; color: #fff; } .product-callout .col-lg-6 .card span:hover { text-decoration: none; } .product-callout .col-lg-6 .card span em { display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 18px; } .product-callout .col-lg-6 .card-bg { background: -webkit-linear-gradient(left top, #1eb3e5, #00a0e9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #1eb3e5, #00a0e9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #1eb3e5, #00a0e9); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #1eb3e5, #00a0e9); /* 标准的语法 */ background-color: #15b0e8\9; height: 450px; position: absolute; left: -60%; width: 150%; top: 0; z-index: -1; border-radius: 5px; } .product-callout .card-text { width:260px; } .product-callout .phone-img { position: absolute; top: 260px; right: 0px; padding-bottom: 15px; width: 264px; } @media (min-width: 768px) and (max-width: 1024px) { .product-callout .container { padding-right: 15px; } .product-callout [class*=col-] { float: none; } .product-callout .featured-card { margin-top: 210px; margin-left: auto; margin-right: auto; float: none; } .product-callout .phone-img { top: 20px; } } @media (width: 768px) { .product-callout { margin-bottom: 60px; } .product-callout > .container { padding: 0; } .product-callout .col-lg-6 { padding-top: 100px; margin-bottom: 60px; } .product-callout .col-lg-6 .card { width: 100%; border-radius: 0; height: 600px; } .product-callout .col-lg-6 .card-bg { left: 0; height: 100%; top: 0; } .product-callout .phone-img { top: 0; left: 50%; right: auto; transform: translate(-50%); } .product-callout .card-text { position: absolute; bottom: 40px; left: 40px; } } @media (max-width: 767px) { .container>p{display: none;} .product-callout { margin-top: 30px; margin-bottom: 60px; padding: 20px 0 20px 0 } .product-callout .col-lg-6 { padding-top: 100px; margin-bottom: 60px; overflow: hidden; } .product-callout .col-lg-6 .card { width: 100%; border-radius: 0; height: 600px; } .product-callout .col-lg-6 .card p { margin-top: 30px; } .product-callout .col-lg-6 .card-bg { left: 0; height: 100%; top: 0; margin-top: 100px; } .product-callout .phone-img { top: 0; left: 50%; right: auto; transform: translate(-50%); } .product-callout .card-text { position: absolute; bottom: 40px; left: 40px; } } /*左侧的文字区域*/ .index_comIntroBox{ background-color: #14ade6; /*border-radius: 10px;*/ color: #FFFFFF; padding: 9px 28px; } .index_comIntroTitle{ font-size: 24px; line-height: 48px; } .index_comIntroText{ font-size: 15px; } .index_comIntroText p{ text-indent: 2em; line-height: 28px; } /*公司简介右侧内容区域*/ /*video上的播放按钮*/ .video_box_ux{ position: relative; overflow: hidden; } .video_box_ux .circle { width: 69px; height: 70px; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 8; } .video_box_ux .circle:before { content: ""; background: #000; opacity: 0.1; width: 100%; height: 100%; display: block; border-radius: 50%; } .video_box_ux em { position: absolute; font-size: 45px; color: #eb5b56; top: 50%; left: 50%; margin-top: -21px; margin-left: -5px; z-index: 11; } .video_box_ux a:hover .circle { transition-duration: 0.2s; transform: scale(1.1); } .video_box_ux img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; } /*首页公司简介区域的右侧公司名*/ .index_comName{ width: 100%; background-color: #dde6ed; } .index_comName h2{ font-size: 24px; color: #000000; font-weight: bold; padding: 30px 60px 0; } .index_comName p{ font-size: 18px; color: #333333; padding: 5px 60px 37px ; } /*公司简介结束*/ /*视频下方大图区域*/ .secondary-hero { margin-bottom: 100px; max-width: 1366px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; height: 700px; } .secondary-hero .hero-img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } .secondary-hero .card { padding-top: 100px; background-color: inherit; position: absolute; top: 0; right: 80px; z-index: 98; } .secondary-hero .card .title { padding-top: 140px; } .secondary-hero .card .explore-more { padding-top: 130px; padding-bottom: 200px; } .secondary-hero .card .explore-more a { color: #fff; font-size: 22px; display: inline-block; } .secondary-hero .card .explore-more a:hover { text-decoration: none; } .secondary-hero .card .explore-more a em { display: inline-block; padding-left: 15px; text-decoration: none; vertical-align: middle; font-size: 18px; } .ie11 .secondary-hero .card{ width:650px; } .secondary-hero .card .title{ margin-left:-320%; } .secondary-hero .card .title{ margin-left:-320%; } .secondary-hero .card .title a:hover{ text-decoration: none; } .hwic_to-right{ margin-left:15px; display:inline-block; vertical-align: middle; } /*让视频下方大图区域上的了解更多的文字改变颜色*/ .index_videoBot_knowMore{ color:#FFFFFF; } @media (max-width: 767px) { .secondary-hero { height: auto; margin-bottom: 60px; } .secondary-hero .hero-img { position: static; transform: translateX(0); } .secondary-hero .card { padding-top: 20px; right: 30px; left: 30px; } .secondary-hero .card .title { padding-top: 40px; } .secondary-hero .card .title img { max-width: 100%; } .secondary-hero .card .title{ margin-left: 0; padding-top: 0px; } } /*视频下方大图区域结束*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-dots { bottom: -60px; } .slick-dots li { margin: 0 5px; } .slick-dots li button { width: 14.000000000000002px; height: 14.000000000000002px; display: inline-block; background: #fff; border: 2px solid #404040; border-radius: 50%; } .slick-dots li button:before { font-size: 0; } .slick-dots li.slick-active button { background: #404040; } .slick-prev { left: -70px; z-index: 9; width: 44px; height: 44px; } .slick-prev:before { font-family: corpfont; content: "\e901"; color: #f66f6a; font-size: 44px; } .slick-next { right: -70px; z-index: 9; width: 44px; height: 44px; } .slick-next:before { font-family: corpfont; content: "\e902"; color: #f66f6a; font-size: 44px; } /*内容区域*/ .image-text-carousel { padding-bottom: 120px; } .image-text-carousel .container > p { margin-bottom: 40px; width: 80%; } .image-text-carousel .slick-prev, .image-text-carousel .slick-next { display: block !important; } .image-text-carousel .slick-slide > a { display: block; } .image-text-carousel .card { background: #dce6ee; border-radius: 6px; padding-top: 50px; padding-bottom: 60px; margin-top: 60px; margin-bottom: 60px; height: 406px; } .image-text-carousel .card .content { height: 200px; overflow: hidden; } .image-text-carousel .card .title { font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif; font-size: 14.000000000000002px; color: #808080; margin: 0; } .image-text-carousel .card h3 { font-size: 28.000000000000004px; line-height: 38px; margin-bottom: 0; margin-top: 0; } .image-text-carousel .card h3 a { margin-top: 0; } .image-text-carousel .card h3 + span { font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; } .image-text-carousel .card .col-sm-5 { padding-right: 40px; } .image-text-carousel .card span.read-more { color: #282828; margin-top: 40px; display: block; } .image-text-carousel .card span.read-more:hover { text-decoration: none; } .image-text-carousel .card span.read-more em { display: inline-block; margin-left: 15px; } .image-text-carousel .card p { font-size: 18px; line-height: 30px; } .image-text-carousel .events-img { position: absolute; top: -105px; right: 0; } .image-text-carousel .events-img img { border-radius: 5px; } @media (min-width: 768px) and (max-width: 1024px) { .image-text-carousel .slick-prev { left: 0; } .image-text-carousel .slick-next { right: 0; } .image-text-carousel .card { margin-left: 11px !important; margin-right: 11px !important; } } @media (width: 1024px) { .image-text-carousel .events-img { margin-top: -18%; top: 0 !important; } } @media (width: 1144px) { .image-text-carousel .events-img { margin-top: -17%; top: 0 !important; } } @media (width: 768px) { .image-text-carousel .events-img { margin-top: -8%; top: 0 !important; } .image-text-carousel .card { margin: 0; } } @media (max-width: 767px) { .image-text-carousel { padding-bottom: 40px; margin-bottom: 60px; } .image-text-carousel > .container > .title { margin-bottom: 40px; } .image-text-carousel > .container > p { width: 100%; } .image-text-carousel > .container .card { position: relative; margin-top: 100px; padding-bottom: 40px; margin-bottom: 0; } .image-text-carousel > .container .card > div { width: 100%; } .image-text-carousel > .container .card .col-sm-6 { position: static; } .image-text-carousel > .container .card .col-sm-6 .events-img { position: static; } .image-text-carousel > .container .card .col-sm-6 .events-img img { width: auto; position: absolute; right: 0; top: 0; left: 50%; transform: translate(-50%, -50%) scale(0.7, 0.6); } .image-text-carousel > .container .card .col-sm-5 { text-align: center; margin-top: 90px; padding-right: 0; padding: 0 35px; } .image-text-carousel > .container .card .col-sm-5 h3 { margin-top: 10px; font-size: 18px; line-height: 30px; } .image-text-carousel > .container .card .col-sm-5 h3 + span { font-size: 16px; } .image-text-carousel > .container .card .col-sm-5 .title { padding-top: 40px; } .image-text-carousel > .container .card .col-sm-5 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 115.99999999999999px; } .image-text-carousel > .container .slick-prev { top: 100px; } .image-text-carousel > .container .slick-next { top: 100px; } .image-text-carousel .events-img { margin: 0 31px; top: -180px; right: inherit; } } @media (max-width: 350px) { .image-text-carousel > .container .card .col-sm-5 h3 { font-size: 24px; } .image-text-carousel > .container .card .col-sm-5 span { font-size: 14.000000000000002px; } } /*合作伙伴*/ /*合作伙伴每个块下面的文字介绍*/ .category-name { font-size: 14.000000000000002px; line-height: 22px; color: #808080; margin-bottom: 0; } .height-fixed { max-height: 108px; overflow: hidden; margin-bottom: 40px; } .height-normal { margin-bottom: 40px; } .vertical-card { max-width: 1366px;margin: 60px auto;background: rgba(255,255,255,0.5);padding: 80px 0 100px 0 } .vertical-card .container > .title { margin-bottom: 0; } .vertical-card .container > p { margin-bottom: 40px; width: 80%; } .vertical-card h2 { margin-bottom: 60px; line-height: 1; } .vertical-card .title h2 { margin-bottom: 30px; } .vertical-card .row { display: flex; } .vertical-card .row .col-sm-4 { margin-bottom: 40px; display: flex; padding: 0 33px; } .vertical-card .card { position: relative; background: #dde6ed; border-radius: 5px; width: 100%; margin-top: 90px; } .vertical-card .card a { display: block; } .vertical-card .card a:hover { text-decoration: none; } .vertical-card .card:hover .card-img { margin-left: -20px; } .vertical-card .card.no-hover .card-img { margin-left: 0; } .vertical-card .card.no-hover .height-fixed { margin-bottom: 0; } .vertical-card .card .card-img { margin-top: -90px; height: 178px; max-width: 100%; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; } .vertical-card .card .card-img img { position: absolute; top: 50%; left: 50%; margin-left: 0; transform: translate(-50%, -50%); } .vertical-card .card-content { padding-bottom: 60px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .vertical-card .card-content .height-fixed p + div { display: none; } .vertical-card .read-more { bottom: 30px; } .vertical-card .speaker-ux-card .card-content .height-fixed { height: auto; } .vertical-card .speaker-ux-card .card-content h3 { -webkit-line-clamp: inherit; } .vertical-card .speaker-ux-card .card-content p { -webkit-line-clamp: inherit; } .vertical-card > .container > .category-name { margin-bottom: 0; } @media (max-width: 1024px) { .vertical-card .row .col-sm-4 { padding: 0 11px; } .vertical-card .card:hover .card-img { margin-left: 0; } } @media (min-width: 768px) and (max-width: 1144px) { .vertical-card .card .card-img { height: 134px; } .vertical-card .card-content { padding: 20px; } } @media (max-width: 767px) { .vertical-card { margin-bottom: 20px; padding: 20px 0 20px 0 } .vertical-card > .container > h2 { margin-bottom: 40px; } .vertical-card > .container > p { width: 100%; } .vertical-card .category-name h2 { margin-bottom: 40px; } .vertical-card .card { margin-top: 0; } .vertical-card .card a { display: flex; flex: 1; } .vertical-card .card .card-img { margin-top: 0; height: 140px; border-top-left-radius: 0; } .vertical-card .card .card-img img { top: 50%; margin-left: 0; margin-top: 0; max-height: 100%; } .vertical-card .row { display: block; } .vertical-card .row .col-sm-4 { margin-bottom: 40px; padding-left: 11px; padding-right: 11px; margin-top: 0; max-height: 140px; overflow: hidden; } } .vertical-card .card.no-hover .height-fixed { max-height: 128px; height: auto; margin-bottom: 0; } .vertical-card .card.no-hover .card-content { padding-bottom: 40px; } .vertical-card .card.no-hover .card-img { margin-left: 0; } @media (max-width: 767px) { .vertical-card .card.no-hover .height-fixed { max-height: 85px; } } /*合作伙伴结束*/ /*近期新闻开始*/ .columns-list { max-width: 1366px;margin: 60px auto;background: rgba(255,255,255,0.5);padding: 80px 0 100px 0 } .columns-list .card { margin-left: 20px; margin-right: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .columns-list .card > a { display: block; } .columns-list .card > a:hover { text-decoration: none; } .columns-list .card .card-img { height: 220px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; } .columns-list .card .card-img img { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .columns-list .card-content { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 180px; overflow: hidden; position: relative; } .columns-list .card-content .content { overflow: hidden; height: 152px; } .columns-list .card-content span.read-more { position: absolute; bottom: 30px; } .columns-list .card-content .height-normal { margin-bottom: 0; } #newsList2{margin-top: 1.5%;} .columns-list ul { list-style: none; margin: 0; } .columns-list ul li { padding-bottom: 50px; } .columns-list ul li .time { color: #808080; } .columns-list ul li p { margin: 0; } .columns-list ul li a { color: #282828; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 18px; line-height: 30px; } .columns-list ul li a:hover { text-decoration: underline; } .columns-list ul li .date { color: #808080; text-transform: uppercase; font-size: 14px; } @media (max-width: 1144px) { .columns-list ul li { padding-bottom: 30px; } } @media (max-width: 767px) { .columns-list { padding: 50px 0 20px 0; } .columns-list > .container > .title { margin-top: 0; margin-bottom: 60px !important; } .columns-list .col-lg-5 .card { margin: 0; display: block; text-align: center; margin-bottom: 60px; } .columns-list .col-lg-5 .card img { width: 100%; } .columns-list .col-lg-5 .card .card-img { border-bottom-right-radius: 0; } .columns-list .col-lg-5 .card p { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: center; } .columns-list .col-lg-5 .card .card-content { border-bottom-right-radius: 5px; border-top-left-radius: 0; } .columns-list .col-lg-5 .card .card-content .height-normal h3 { line-height: 34px; margin-bottom: 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .columns-list .col-lg-5 .card .card-content .content { padding: 20px 0; } .columns-list ul { padding: 0; } .columns-list ul li { padding-bottom: 0; padding-top: 40px; } .columns-list ul li:first-child { padding-top: 0; } .latest-news { width: 100%; } } /*近期新闻结束*/ /*首页结束*/ /*about2页面 鑫源起源css*/ .about2_botbj{ background:url(../images/about02_botbj.jpg) no-repeat center; } .about2_nbox{ width: 100%; } /*about2内部容器的标题区域*/ .about2_titleBox{ margin:30px 0; } /*about2内部容器的大标题*/ .about2_titleBox h1{ text-align:center; font-size:36px; color:#0890f5; font-weight:700; line-height:80px; } /*about2内部容器的小标题*/ .about2_titleBox h2{ text-align:center; font-size:28px; color:#0890f5; font-weight:400; line-height:60px; padding-bottom: 0; } /*下方是about2从about2文件夹内抽出来的css*/ .manage-bot { width: 100%; height: 800px; overflow: hidden; position: relative } .manage-bot .w1400 { height: 100% } .manage-bot .slides { float: left; height: 100%; border-right: 1px solid rgba(255, 255, 255, .25) } .manage-bot .slides li { width: 14.28%; float: left; height: 100%; border-left: 1px solid rgba(255, 255, 255, .25); padding: 136px 3% 0; position: relative; cursor: pointer; transition: width .3s } .manage-bot.edge .slides li { width: 14.28% } .manage-bot.edge .slides li.on { width: 25% } .manage-bot.edge .slides li.cur { width: 15% } .manage-bot .slides li h2 { font-size: 60px; color: #fff; font-weight: bold; line-height: 87px; margin-bottom: 28px; transition: font-size .3s } .manage-bot .slides li h3 { font-size: 24px; color: #fff; line-height: 43px } .manage-bot .slides li p { font-size: 14px; color: #fff; line-height: 29px; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .manage-bot .slides li p.en { font-size: 16px; color: #fff; opacity: .5; filter: alpha(opacity=50); line-height: 26px; transition: opacity .3s } .manage-bot .slides li i { display: block; width: 3px; height: 0; background: #fff; position: absolute; top: 158px; left: -2px; transition: height .3s, top .3s } .manage-bot .slides li.on { width: 40% } .manage-bot .slides li.cur { width: 10% } .manage-bot .slides li.on i { top: 142px; height: 70px } .manage-bot .slides li.on p { opacity: 1; filter: alpha(opacity=100) } .manage-bot .slides li.on p.en { opacity: 0; filter: alpha(opacity=0) } .manage-bot .slides li.on h3 { font-size: 28px } .manage-bot-list { height: 0; overflow: hidden } /*about2从about2文件夹内抽出来的css结束*/ /*about2页面 鑫源起源css结束*/ /*about3页面发展历程页面开始css*/ .about03_nBox{ width: 100%; overflow: hidden; } .w1200{ width:1200px; margin:0 auto; display:block; } .mAabout3_title{ display: none; } /*about3从history内部导入的css*/ /*整个区域的容器*/ .btnSlide { width: 60px; height: 24px; line-height: 24px; background: #fff; border: 1px solid #333; color: #333; font-size: 14px; text-align: center; margin-bottom: 132px; cursor:pointer; } .btnSlide:hover{ border: 1px solid #000; color: #000; } .btnSlide,.btnSlide:hover{ -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear; } /*收起展开按钮结束*/ .hisWrap .pad { padding-left: 126px; } .hisWrap .pad .hisContent .line { position: relative; top: -97px; font-size: 24px; color: #959595; padding-top: 137px; width: 72px; height: 636px; margin-left: -104px; float: left; background: url(../images/about03_topLine.png) right top no-repeat; } .hisWrap .pad .hisContent .line ul { position: relative; width: 100%; height: 100%; } .hisWrap .pad .hisContent .line ul li { position: absolute; left: 0; top: 0; width: 72px; } .hisWrap .pad .hisContent .line ul li i { width: 11px; height: 11px; background: #fff; border: 2px solid #959595; right: -4.5px; position: absolute; top: 50%; margin-top: -6px; border-radius: 50%; } .hisWrap .pad .hisContent .hisInfo { float: left; } .hisWrap .pad .hisContent .hisInfo .hisList { position: relative; } .hisWrap .pad .hisContent .hisInfo .hisList .lastBg { width: 2px; height: 800px; position: absolute; left: -34px; top: -300px; background: url(../images/about03_endLine.jpg) right bottom no-repeat; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq { display: none; height: 1290px; width: 72px; background: url(../images/about03_midLine.jpg) right top repeat-y; position: absolute; left: -104px; top: 43px; font-size: 24px; color: #959595; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq.lineSj { height: 1800px; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq.lineQd { background: url(../images/about03_endLine.jpg) right bottom repeat-y; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq ul li { position: absolute; left: 0; width: 72px; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq ul li i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; position: absolute; right: -2.5px; top: 50%; margin-top: -4.5px; background: #959595; } .hisWrap .pad .hisContent .hisInfo h2 { padding-left:18px; color: #0890f5; font-size: 28px; line-height:20px; padding-right: 30px; position: relative; margin-bottom: 30px; display: inline-block; } .hisWrap .pad .hisContent .hisInfo h2 span { width: 72px; position: absolute; font-size: 24px; color: #959595; letter-spacing: 0; left: -105px; } .hisWrap .pad .hisContent .hisInfo h2 span em { width: 11px; height: 11px; background: #fff; border: 2px solid #959595; right: -6.5px; position: absolute; top: 50%; margin-top: -6px; border-radius: 50%; } .hisWrap .pad .hisContent .hisInfo h2 i { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; margin-top: -14px; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-jueqi { background: url(../images/about03Icon-jueqi.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-shenji { background: url(../images/about03Icon-shenji.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-qidian { background: url(../images/about03Icon-qizi.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo .juList { padding: 66px 64px 74px 202px; margin-bottom: 28px; } .hisWrap .pad .hisContent .hisInfo .juList.li1999 { background: url(../images/about03_1999.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2000 { background: url(../images/about03_2000.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2001 { background: url(../images/about03_2001.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2002 { background: url(../images/about03_2002.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2003 { background: url(../images/about03_2003.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2004 { background: url(../images/about03_2004.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2005 { background: url(../images/about03_2005.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2006{ background: url(../images/about03_2006.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2007{ background: url(../images/about03_2007.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2009{ background: url(../images/about03_2009.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2010{ background: url(../images/about03_2010.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2011{ background: url(../images/about03_2011.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2012 { background: url(../images/about03_2012.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2013 { background: url(../images/about03_2013.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2014 { background: url(../images/about03_2014.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2015{ background: url(../images/about03_2015.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2016 { background: url(../images/about03_2016.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2017 { background: url(../images/about03_2017.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2018 { background: url(../images/about03_2018.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2019 { background: url(../images/about03_2019.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2020 { background: url(../images/about03_2020.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2021 { background: url(../images/about03_2021.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .icon { float: left; height: 62px; width: 44px; text-align: center; color: #0890f5; font-size: 14px; margin-left: -123px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .icon i { display: block; margin: 0 auto 9px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .icon .icon-licheng { background: url(../images/about03Icon-lcb.png) center no-repeat; background-size: 100%; width: 42px; height: 38px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text { *width: 808px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .danTitle { font-size: 16px; color: #666; line-height: 24px; padding-left: 13px; background: url(../images/about03_dian.png) left 10px no-repeat; background-size: 5px; margin-bottom: 33px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft { width: 300px; float: left; padding-right: 60px; *width: 240px; position: relative; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .bgLine { position: absolute; width: 1px; height: 100%; background: #959595; right: 0; top: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent { padding-left: 130px; width: 230px; *width: 100px; margin-bottom: 30px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryPic { width: 114px; float: left; margin-left: -137px; padding-left: 13px; background: url(../images/about03_dian.png) left top no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryPic img { font-size: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryText { float: left; width: 115px; font-size: 14px; line-height: 24px; *width: 100px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .leContent { font-size: 14px; color: #666; margin-bottom: 35px; line-height: 24px; padding-left: 13px; background: url(../images/about03_dian.png) left 10px no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight { float: left; padding-left: 197px; width: 448px; *width: 230px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryP { width: 230px; margin-bottom: 40px; *width: 217px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent { padding-left: 130px; width: 230px; *width: 100px; margin-bottom: 30px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryPic { width: 114px; float: left; margin-left: -137px; padding-left: 13px; background: url(../images/about03_dian.png) left top no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryPic img { font-size: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryText { float: left; width: 115px; font-size: 14px; line-height: 24px; *width: 100px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .nIcon { float: left; height: 62px; width: 44px; text-align: center; color: #c0000c; font-size: 14px; margin-left: -123px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .nIcon .icon-rongyu { display: block; margin: 0 auto 9px; background: url(../images/about03_jiangbei.png) center no-repeat; background-size: 100%; width: 42px; height: 38px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight p { font-size: 14px; color: #555; line-height: 24px; padding-left: 13px; background: url(../images/about03_dian.png) left 10px no-repeat; background-size: 5px; } .main{ padding-bottom:0;} /*about03动效css*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*about03动效结束*/ /*about3从history内部导入css结束*/ /*about3页面发展历程页面结束*/ /*about4页面企业荣誉开始*/ .about04_wNBox{ width: 100%; overflow: hidden; } /*顶部图片*/ .about04_topImg{ width: 100%; } .about04_topImg img{ width: 100%; height: auto; } /*下面是about4引入进来的*/ .about04_section { display: block; padding: 125px 0; text-align: center; } .about04_wrap { max-width: 1240px; margin: 0 auto; } /*上方标题*/ h3.p-title { font-size: 28px; border-bottom: 1px solid #eee; padding-bottom: 39px; margin-bottom: 45px; font-weight: 600; text-transform: uppercase; color: #0890f5; letter-spacing: 2px; } /*下面内容区域*/ .about04_box-container { display: inline-block; margin-top: 1.4em; width: 100%; } .about04_box { list-style-type: none; float: left; /*下面这些事上端手机版的css*/ /*margin-bottom: 1.8rem;*/ margin-left: 1%; margin-right: 1%; margin-bottom: 28px; } .inviewport .about04_box { transform: translateY(140px); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .about04_box.visible { transform: translateY(0); opacity: 1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .about04_box a { display: block; width: 100%; height: auto; } .three-cols .about04_box { width: 32%; } .three-cols .about04_box:nth-child(3n+0) { margin-right: 0; } .three-cols .about04_box:nth-child(3n+1) { clear: both; margin-left: 0; } .about04_box a img { -webkit-back-visibility: hidden; display: block; width: 100%; height: auto; vertical-align: bottom; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .about04_box:hover img{ opacity: 2; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .about04_box h5 { font-size:18px; line-height:80px; } .about04_box h5:hover { color:#0890f5; font-size:18px; line-height:80px; } /*鼠标移入元素的时候图片变大*/ .img-zoom-in img { transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; } .img-zoom-in:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1) } /*about4页面企业荣誉结束*/ /*about5页面企业文化开始*/ .about05_nbox{ width: 100%; overflow: hidden; } /*下面是about5导入地css ，在原本的页面是about6 */ /*our_value整个区域为企业文化上端部分*/ .our_value{ padding-bottom:0; } .our_value .part_ul{ background: url(../images/about05_ourvaluebj.jpg) no-repeat center center; width: 100%; padding-top:47px; padding-bottom: 63px; margin-bottom: 60px; margin-top: 50px; } .common-infor.black .common-tit{ color: #333; } .common-infor.black .common-line{ background: #333; } .our_value .part_ul .part_content li{ width: 25%; float: left; color: #fff; transition: background .5s ease; -webkit-transition:background .5s ease; } .our_value .part_ul .part_content li:hover{ background: #ea5613; background: rgba(8,144,245,.73); } .our_value .part_ul .part_content li.li4 .box{ border-right: none; } .our_value .part_ul .part_content li .box{ padding: 70px 34px 0; border-right: 1px solid #fff; line-height: 1; border-right: 1px solid rgba(255,255,255,.4); } .our_value .part_ul .part_content .box .ion{ width: 36px; height: 36px; display: block; margin-bottom: 25px; } .our_value .part_ul .part_content .box h3{ font-weight: normal; font-size: 18px; } .our_value .part_ul .part_content .box .span_lin{ width: 33px; height: 1px; display: block; background: #fff; opacity: 0.6; filter: alpha(opacity=60); margin: 10px 0 15px; } .our_value .part_ul .part_content .box .p{ font-size: 14px; line-height: 2; height: 220px; overflow: hidden; } /*企业文化下半部资格等级标准区域*/ .our_value .value_culture .common-tit{ color: #0890f5; } .our_value .value_culture .box{ border-bottom: 1px solid #e6e6e6; padding: 20px; } .our_value .value_culture .box:hover{ background:#0890f5; color:#fff; } .our_value .value_culture .part_i{ width: 18%; position: relative; padding-left:2%; } .our_value .value_culture .part_i img{ display:none; } .our_value .value_culture .part_i:after{ content: ''; position: absolute; right: 0; top: 28px; height: 30px; width: 1px; background: #ea5613; } .our_value .value_culture .part_i h3{ margin-top: 30px; font-size: 18px; line-height: 1; padding-bottom: 35px; } .our_value .value_culture .part_p{ font-size: 13px; width: 65%; margin-left: 5%; padding-top: 0; line-height:30px; } .our_value .value_culture{ background: #f8f8f8; padding-top:60px; padding-bottom: 85px; margin-top:60px; } .our_value .value_culture .content{ padding:0 5% 0 8.5%; } /*about5页面企业文化结束*/ /*about6页面董事长致辞开始*/ .about6_topBox{ width: 100%; height: 100px; } .about06_nbox{ width: 100%; overflow: hidden; } /*开始引入*/ .popup__block{ max-width:1200px; width: 100%; height: ; margin:0 auto; box-sizing: border-box; border:rgba(0,0,0,0) solid 1px; padding:20px; overflow: auto; -webkit-animation: fade .5s ease-out 1.3s both; animation: fade .5s ease-out 1.3s both; } .popup__block img{ width:450px; transition: all 0.6s; } .popup__block img:hover{ transform: scale(1.1); } .popup__block p{ font-size:16px; line-height:2; } .popup__block p:hover{ color:#0890f5; } .popup:before{ content: ""; box-sizing: border-box; width: 100%; box-shadow: inset 0 0 0 20px #f0f0f0; background: #fff; position: fixed; top: 50%; will-change: height, top; -webkit-animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both; animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both; } .popup:after{ content: ""; width: 0; height: 2px; background-color: #f0f0f0; will-change: width, opacity; -webkit-animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both; animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both; position: absolute; top: 50%; left: 0; margin-top: -1px; } @-webkit-keyframes line-animation{ 0%{ width: 0; opacity: 1; } 99%{ width: 100%; opacity: 1; } 100%{ width: 100%; opacity: 0; } } @keyframes line-animation{ 0%{ width: 0; opacity: 1; } 99%{ width: 100%; opacity: 1; } 100%{ width: 100%; opacity: 0; } } @-webkit-keyframes open-animation{ 0%{ height: 0; top: 50%; } 100%{ height: 100vh; top: 0; } } @keyframes open-animation{ 0%{ height: 0; top: 50%; } 100%{ height: 100vh; top: 0; } } @-webkit-keyframes fade{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes fade{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .popup__title{ margin: 0 0 1em; } .popup__media{ margin-bottom: 20px; } @media screen and (min-width: 641px){ .popup__title{ font-size: 24px; font-weight:700; } .popup__close{ top: 40px; right: 40px; } .popup__media{ max-width: 35%; } .popup__media_left{ float: left; margin-right: 50px; } .popup__media_right{ float: left; margin-right: 50px; } } /*about6董事长致辞结束*/ /*about7团队风采开始*/ .about07_nbox{ overflow: hidden; margin-bottom: 20px; } .pub_gradual{} .shareholder{padding-top: 34px;padding-bottom: 40px;} .shareholder ul li{padding-top: 24px;padding-bottom: 28px;border-left: 4px solid transparent;} .shareholder ul li dl{width: 70.71%;margin: 0 auto;} .shareholder ul li dl dt,.shareholder ul li dl dd{float: left;} .shareholder ul li dl dt{width: 300px;height: 200px;border: 5px solid #fff;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);margin-right: 35px;} .shareholder ul li dl dt img{width: 100%; height:100%;} .shareholder ul li dl dd{width: calc(80% - 200px);margin-top: 25px;} .shareholder ul li dl dd h4.fnt_24:before{ display: table; content: ""; } .shareholder ul li dl dd h4{ padding-bottom: 17px; border-bottom: 1px solid #cccccc; margin-bottom: 18px; overflow: hidden; } .shareholder ul li dl dd h4 span{ font-family: arial; float: none; } .shareholder ul li dl dd h4 span:first-child{color: #000;float: left;margin-right: 14px;} .shareholder ul li dl dd h4 span:last-child{color: #0890f5;} .shareholder ul li dl dd p{line-height: 24px;color: #777;height: auto;overflow: hidden;} .shareholder ul li:hover{background: #f9f9f9;border-color: #0890f5;} /*about7团队风采结束*/ /*商品页products页面*/ .contact { width:100%; max-width:1128px; margin:0 auto; padding:30px 0 20px 0; } .contact .weizhi { width:100%; max-width:1128px; font-size:14px; } .contact .weizhi em { font-family:"corpfont"; font-style:normal; } .contact .protitle { width:100%; max-width:1128px; height:42px; line-height:42px; padding-bottom:54px; font-size:24px; letter-spacing:6px; text-align:center; border-bottom:1px solid #e6e6e6; margin-bottom:22px; } .contact .prolist { width:100%; max-width:1128px; overflow:hidden; } .contact .prolist a { text-decoration:none; } .contact .prolist a:hover p { text-decoration:underline; } .contact .prolist li { width:29.333%; float:left; margin:0 2%; margin-bottom:60px; text-align:center; display:inline-block; } .contact .prolist li img { max-width:90%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .contact .prolist li:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .contact .prolist li p { width:100%; text-align:center; } .contact .prolist li span { width:92px; height:30px; text-align:center; color:#555555; line-height:30px; background:#ccc; padding:8px 20px; font-size:12px; } .contact .prolist li:hover span { background:#ccc; } @media (max-width: 1144px) { .contact .prolist li { width:46%;} .contact .serlist li { width:46%;} .contact .movlist li { width:46%;} } @media (max-width: 767px) { .contact .prolist li { width:100%; margin:0; margin-bottom:40px;} .link-tab ul li{width: 115px !important;} } /*页码区域*/ .pro_pageBox{ width: 100%; text-align: center; overflow: hidden; } .proPage_showBox,.proPage_btnBox,.proPage_jumpBox{ display: inline-block; line-height: 40px; font-size: 16px; } /*中午的按钮*/ .proPage_showBox{ color:#777777; } .proPage_btnBox{ margin: 0 10px; } .proPage_btnBox button{ width: 70px; background-color: transparent; border: none; border: solid 1px #E6E6E6; color: #333333; border-radius: 3px; box-sizing: border-box; } .proPage_btnBox button:hover{ background-color: #00a0e9; color: #FFFFFF; } /*页码右侧下拉输入区域*/ .proPage_jumpBox{ color: #777777; } .proPage_jumpBox select{ width: 70px; height: 40px; border: solid 1px #E6E6E6; border-radius: 3px; cursor: pointer; box-sizing: border-box; line-height: 40px; } .proPage_jumpBox select option{ line-height: 40px; } .proPage_jumpBox select:active,.proPage_jumpBox select:hover{ border: solid 1px #00a0e9; } /*商品页products页面结束*/ /*商品详情页products_detail开始*/ .contact .prod { width:100%; max-width:1128px; padding:20px 0; overflow:hidden; } .contact .prod .leftimg { width:26%; margin-right:3%; float:left; display: none; } .contact .prod .leftimg img { max-width:100%; } .contact .prod .righttext { width:100%; max-width:1000px; float:left; } .contact .prod .righttext img{ width: 100%; } .contact .prod .righttext .prodtitle { line-height:60px; font-size:20px; font-weight:bold; } .contact .prod .righttext .proj { display: none; line-height:2; text-indent:2em; } .contact .prod .righttext .time { display: none; padding:20px 0; } .contact .prod .righttext .fenxiang { padding:10px 0; } .contact .prod .righttext .button { display: none; padding:10px 0 20px; } .contact .prod .righttext .button a { color:#fff; font-size:14px; background:#5c85e5 linear-gradient(hsla(0,0%,100%,.16),rgba(0,0,0,.16)); box-shadow:inset 0 0 0 1px rgba(0,0,0,.1), inset 0 -1px 1px hsla(0,0%,100%,.2), 0 1px 3px rgba(0,0,0,.06); display:inline-block; width:100px; line-height:32px; height:34px; text-align:center; border-radius:5px; text-decoration:none; } .contact .prod .righttext .button a:hover { color:#666; font-size:14px; background:#fafafa linear-gradient(hsla(0,0%,100%,.16),rgba(0,0,0,.16)); display:inline-block; width:100px; line-height:32px; height:34px; text-align:center; border-radius:5px; text-decoration:none; } .contact .prod .righttext .xiangtext { padding:10px 0; color:#555; padding-left:20px; background:#fafafa linear-gradient(hsla(0,0%,100%,.16),rgba(0,0,0,.16)); } .contact .prod .righttext .xiangcon img { max-width:100%; } /*商品详情页products_detail结束*/ /*解决方案页*/ .case-channel .list li:hover .bg { opacity: 1; filter: alpha(opacity=100) } .case-channel .list li:hover .red { opacity: 0; filter: alpha(opacity=0) } .case-channel .list li:hover .con { bottom: 0 } .case-channel .list li:hover img { transform: scale(1.1) } .lazy-placeholder>img{ width:100%; height:100%; position:absolute; left:0; top:0; } .lazy-placeholder{ position:relative; display:block; background-color:#ccc; background-image:url("/Assets/corp/img/lazy.png"); background-repeat:no-repeat; background-position:50%; background-size:100px; } .lazy-loaded,.lazy-placeholder.over{ background-image:none!important; width:auto!important; padding-top:0!important; position: static !important; } /*解决方案结束*/ /*服务fuwu页面*/ /***********服务**********/ .butler{ padding: 68px 0 123px; position: relative; } .butler .pic{ width: 50%; } .butler .box{ position: absolute; top:68px; right: 0; background: #fff; padding:0 0 20px 80px; width: 50%; } .butler .box img{ padding-bottom:10px; } .butler .box h3{ font-size: 16px; color: #666666; line-height: 26px; padding-bottom: 10px; } .butler .box p{ font-size: 13px; color: #666666; line-height: 2; } .butler .box i{ display: block; width: 28px; height: 2px; background: #009944; margin-top: 45px; } .butler-list{ width:1200px; margin: 0 auto; } .butler-list ul{ width: 100%; } .butler-list li{ width:50%; height: 369px; overflow:hidden; cursor: pointer; float: left; } .butler-list li .btn{ width: 50%; float: left; } .butler-list li .pic{ position: relative; z-index: 1; overflow: hidden; } .butler-list li img{ height: 369px; width: auto; position: relative; left: 50%; width: 480px; margin-left: -240px; z-index: 1; transition:all 0.3s; } .butler-list li .con{ background: #fbfbfb; text-align: center; height: 383px; position: relative; z-index: 9; padding-top: 86px; transition:all 0.3s; } .butler-list li .bg{ width: 14px; height: 28px; position: absolute; z-index: 2; display: block; top:50%; margin-top: -14px; transition:all 0.3s; } .butler-list li.even .pic{ float: right; } .butler-list li.odd .bg{ left: -14px; background: url(../img/but08.png) no-repeat center; } .butler-list li.even .bg{ right: -14px; background: url(../img/but09.png) no-repeat center; } .butler-list li .img{ width: 51px; height: 51px; display: block; margin:0px auto 0; transition:all 0.3s; } .butler-list li .img1{ background: url(../images/but04.png) no-repeat center; } .butler-list li .img2{ background: url(../images/but05.png) no-repeat center;. } .butler-list li .img3{ background: url(../images/but06.png) no-repeat center; } .butler-list li .img4{ background: url(../images/but07.png) no-repeat center; } .butler-list li h2{ font-size: 18px; color: #333; line-height: 34px; padding-top: 12px; transition:all 0.3s; } .butler-list li p{ width: 240px; margin:0 auto; text-align: center; font-size: 13px; line-height: 25px; color: #666; transition:all 0.3s; } .butler-list li .font{ text-align: center; font-size: 30px; color: #999; background: url(../images/about08.png) no-repeat center; line-height: 40px; display: block; opacity: 0.8; margin-top: 22px; filter:alpha(opacity=80); transition: all 0.2s; font-family: 'Arial'; } .butler-list li:hover .font{ background: url(../images/about08_h.png) no-repeat center; color: #fff; opacity: 0.5; margin-top: 29px; filter:alpha(opacity=50); } .butler-list li:hover .con{ background: #0890f5; } .butler-list li.odd:hover .bg{ left: -14px; background: url(../images/but08_h.png) no-repeat center; } .butler-list li.even:hover .bg{ right: -14px; background: url(../images/but09_h.png) no-repeat center; } .butler-list li:hover .img1{ background: url(../images/but04_h.png) no-repeat center; } .butler-list li:hover .img2{ background: url(../images/but05_h.png) no-repeat center;. } .butler-list li:hover .img3{ background: url(../images/but06_h.png) no-repeat center; } .butler-list li:hover .img4{ background: url(../images/but07_h.png) no-repeat center; } .butler-list li:hover h2{ color: #fff; } .butler-list li:hover p{ color: #fff; } .butler-list li:hover img{ transform: scale(1.1, 1.1); } .butler-bottom{ padding: 80px 0 50px; overflow: hidden; } .butler-bottom .list{ width: 1220px; } .butler-bottom .list li{ width: 290px; margin-right: 11px; float: left; position: relative; border-radius: 3px; text-align: center; cursor: pointer; padding-bottom:35px; border: 1px solid #f7f7f7; } .butler-bottom .list .pic{ width: 100%; overflow: hidden; } .butler-bottom .list img{ transition:all 0.3s; } .butler-bottom .list .bg{ width: 34px; height: 34px; margin:20px auto 14px; display: block; transition:all 0.3s; } .butler-bottom .list .bg1{ background: url(../images/but11.png) no-repeat center; } .butler-bottom .list .bg2{ background: url(../images/but12.png) no-repeat center; } .butler-bottom .list .bg3{ background: url(../images/but14.png) no-repeat center; } .butler-bottom .list .bg4{ background: url(../images/but13.png) no-repeat center; } .butler-bottom .list h3{ width: 200px; margin: 0 auto; font-size: 13px; color: #666666; line-height: 20px; } .butler-bottom .list i{ width: 100%; height: 1px; background: #e0e0e0; position: absolute; bottom: 0; left: 0; } .butler-bottom .list li:hover img{ transform: scale(1.1, 1.1); } .butler-bottom .list li:hover .bg{ transform: rotate(360deg); } .butler-download{ width: 100%; background: #fafafa; padding: 40px 0 72px; } .butler-download .box{ width: 1120px; padding: 10px 40px 40px; background: #fff; } .butler-download h2{ font-size: 20px; color: #007d5a; line-height: 80px; border-bottom: 1px solid #f2f2f2; } .butler-download .bottom-b{ padding: 35px 0; background: #fafafa; } .butler-download .name{ width: 85px; text-align: right; line-height: 50px; font-size: 14px; margin-right: 12px; color: #666666; } .butler-download .text{ border: 1px solid #007d5a; padding: 13px 10px; width: 618px; background: #fff; font-size: 14px; margin-right: 12px; } .butler-download .btn{ margin-left: 26px; width: 144px; height: 42px; margin-top: 4px; text-align: center; background: #07996c; border: none; border-radius: 20px; font-size: 14px; color: #ffffff; } .butler-download .pos{ padding: 27px 0 34px; border-bottom: 1px solid #e5e5e5; } .butler-download .pos h3{ font-size: 16px; color: #333333; line-height: 56px; } .butler-download p{ font-size: 14px; color: #666; line-height: 30px; } .butler-download a{ font-size: 16px; color: #007d5a; line-height: 36px; display: block; padding:36px 0 10px; } .butler-serch{ padding:40px 0 66px; background: #fafafa; width: 100%; } .butler-serch-con{ padding: 10px 40px 42px; width: 1120px; background: #fff; } .butler-serch-con h2{ font-size: 18px; color: #007d5a; line-height: 38px; padding: 10px 0; } .butler-serch-con p{ font-size: 13px; color: #666666; line-height: 24px; padding-bottom: 10px; } .butler-serch-con .tel{ color: #007d5a; font-size: 20px; font-family: "Arial"; } .butler-serch-con .box{ padding: 40px 0; margin: 15px 0 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .butler-serch-con .left{ width:435px; height: 297px; background: #fbfbfb; } .butler-serch-con .rigth{ width:100%; height: 297px; background: #fbfbfb; } .butler-serch-con h3{ padding-left: 18px; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; background: #007d5a; } .butler-serch-con .left .center{ padding: 25px 18px 30px; } .butler-serch-con .left p{ line-height: 33px; padding: 10px 18px 0 18px; } .butler-serch-con .se{ font-size: 16px; color: #007d5a; } .butler-serch-con h4{ font-weight: normal; font-size: 14px; color: #333333; line-height: 40px; } .butler-serch-con .con{ padding-left: 30px; float: left; } .butler-serch-con .con a{ width: 134px; height: 40px; line-height: 40px; text-align: center; color: #fff; display: block; margin-top: 7px; background: #007d5a; font-size: 13px; border-radius: 20px; } .butler-serch-con .rigth p{ line-height: 33px; padding: 0px 18px 0 18px; } .butler-serch-con .rigth h3{ margin-bottom: 10px; } .butler-serch-con .rigth .bot{ padding: 26px 18px 0px; } .butler-serch-con .rigth .ser{ width: 292px; } .butler-serch-con .rigth .text{ padding: 8px 5px; background: #fff; border: 1px solid #007d5a; width: 240px; font-size: 13px; color: #666666; } .butler-serch-con .rigth .submit, .butler-serch-con .rigth .reset{ width: 134px; height: 40px; line-height: 40px; text-align: center; color: #fff; border: none; font-size: 13px; margin-top: 7px; background: #007d5a; border-radius: 20px; margin-top: 23px; } .butler-service{ padding: 39px 0 133px; background: #fafafa; width: 100%; } .butler-service h2{ padding-left: 40px; background: #fff; height: 82px; line-height: 82px; color: #07996c; font-size: 20px; } .butler-service ul{ width: 1250px; padding-top: 30px; } .butler-service li{ width: 289px; margin-right: 15px; background: #007d5a url(../img/but24.png) no-repeat right bottom; float: left; padding-bottom: 42px; cursor: pointer; } .butler-service li .pic{ width: 100%; height: 186px; background: url(../img/but25.jpg) no-repeat center; background-size: cover; text-align: center; line-height: 186px; overflow: hidden; } .butler-service li .pic img{ max-width: 100%; max-height: 100% } .butler-service li .con{ padding-top: 33px; padding-left: 43px; } .butler-service li .img{ margin-right: 20px; } .butler-service li h3{ font-size: 18px; color: #fff; line-height: 28px; } .butler-service li p{ font-size: 13px; line-height: 24px; color: #fff; } .butler .box .fuwu_rightIconbox{ overflow: hidden; } .butler .box .fuwu_rightIconbox a{ width: 33%; float: left; text-align: center; } .butler .box .fuwu_rightIconbox a img{ display: block; margin: 0 auto; } .butler .box .fuwu_rightIconbox a p{ width: 100%; text-align: center; } .butler-list .fuwu_odd{ width: 600px; } .butler-list li .fuwu_oddn{ width: 300px; } /*服务fuwu页面结束*/ /*视频movie页*/ .contact .movlist { width:100%; max-width:1128px; overflow:hidden; margin-top:20px; } .contact .movlist a { text-decoration:none; } .contact .movlist a:hover p { text-decoration:underline; } .contact .movlist li { width:23%; float:left; margin:0 1%; margin-bottom:60px; text-align:center; display:inline-block; position:relative; background:#fff; } .contact .movlist li img { max-width:100%; } .contact .movlist li p { width:100%; text-align:center; font-size:14px; font-weight:bold; padding: 10px 0; } .contact .movlist li span { display:block; width:90%; height:80%; position:absolute; left:5%; top:0; background:url(../images/movie_play.png) no-repeat center center; text-align:center; color:#fff; line-height:30px; font-size:12px; z-index:99; } .contact .movlist li:hover span { background:url(../images/movie_play2.png) no-repeat center center; } /*视频movie页结束*/ /*成功案例页页面*/ .main{padding-top: 109px;} /*图片移入样式动效*/ .tran_scale{ overflow:hidden; display:block; } .tran_scale img{ -webkit-transition: opacity .4s,-webkit-transform .6s; transition: opacity .4s,transform .6s; } .tran_scale:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } /*新加分类*/ .weizhi .link-tab { text-align: center; } .link-tab ul{display: inline-block;border: 1px solid #cccccc;} .link-tab ul:after{content: "";display: block;clear: both;} .link-tab ul li{position: relative;float: left;margin-left: 1px;text-align: center;padding: 0 20px} .link-tab ul li:before{content: "";position: absolute;top: 19px;left: -1px;height: 18px;border-right: 1px solid #cccccc;} .link-tab ul li:first-child:before{content: none;} .link-tab ul li a{display: block;line-height: 56px;font-size: 16px;color: #666;} .link-tab ul li:hover, .link-tab ul li.active{background: #1d76c2;} .link-tab ul li.active:before{content: none;} .link-tab ul li:hover a, .link-tab ul li.active a{color: #fff;} /*list*/ .customer_lists{ padding-bottom:30px; background: #fff; background: url('../images/customer_bg.png') no-repeat; background-size:contain;overflow: hidden; } .customer_lists ul{ margin: 0 -23px; } .customer_lists ul .item{ width: 33%; float: left; margin-bottom:40px; } .customer_lists ul .item .item_box{ margin: 0 23px; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1); background: #fff; } .customer .customer_lists ul .item .item_box{ margin-bottom: 40px; } .customer_lists .item_box img{ width: 100%; } .customer_lists .item_box .content{ padding:30px; width: calc(100% - 60px); height: calc(100% - 60px); } .customer_lists .item_box .content ol li{ float: left; padding-right:18px; margin-right: 18px; border-right: 1px solid #d1d1d1; color: #777777; } .customer_lists .item_box .content .on{ color: #cc010f!important; } .customer_lists .item_box .content ol li:last-child{ border-right: none; margin: 0; padding: 0; } .customer_lists .item_box .content h4{ clear: both; margin-top: 0px; margin-bottom: 12px; color: #000; height: 72px; overflow: hidden; } .customer_lists .item_box .content p{ color: #777; line-height: 28px; padding-bottom: 22px; border-bottom: 1px solid #d6000f; margin-bottom: 20px; height: 62px; overflow: hidden; } .customer_lists .item_box .content .content_span{ margin-bottom: 10px; height: 42px; overflow: hidden; } .customer_lists .item_box .content .content_span span{ margin-right: 25px; color: #777; float: left; } .customer_lists .item_box .content .content_span span:last-child{ margin-right: 0px; float: right; } .customer .customer_lists .item_box .content h4{ margin-top: 22px; height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .customer .customer_lists .item_box .content .content_span span{ float: none; } .customer .customer_lists .item_box .content .content_span span:last-child{ margin-right: 25px; float: none; } /*成功案例的详细页___只有一个图片的展示*/ .anliDetail_box{ width: 100%; text-align: center; } .anliDetail_box img{ padding: 70px 0; } /*成功案例页面结束*/ /*新闻news页面开始*/ .search-results { margin-bottom: 100px; } .search-results h1 { margin-top: 60px; margin-bottom: 60px; } .search-results > h2 { margin-bottom: 40px; } .search-results .results-input { position: relative; margin-bottom: 60px; } .search-results .results-input input { width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid #d4d4d4; padding-left: 22px; } .search-results .results-input .results-input-btn { position: absolute; top: 0; right: 0; color: #282828; margin-top: 13px; margin-right: 20px; } .search-results .results-input .results-input-btn:hover { text-decoration: none; } .search-results .results-input .results-input-btn em { font-size: 24px; font-weight: bold; } .search-results .results-tab { margin-bottom: 60px; } .search-results .screen-reset > h3 { margin-bottom: 30px; font-size: 22px; color: #808080; text-align: center; } .search-results .screen-reset .title { margin-bottom: 0; font-size: 14.000000000000002px; color: #808080; margin-bottom: 10px; } .search-results .screen-reset .title h3 { float: left; font-size: 18px; color: #282828; margin-bottom: 0; margin-top: 0; } .search-results .screen-reset .title .right { float: right; color: #808080; position: relative; } .search-results .screen-reset .title .right span { display: inline-block; vertical-align: middle; margin-right: 10px; } .search-results .screen-reset .title .right a { font-size: 14.000000000000002px; float: none; font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif; color: #282828; } .search-results .screen-reset .title .right a em { font-size: 22px; display: inline-block; vertical-align: middle; } .search-results .screen-reset .title .right a.navbar-toggle[aria-expanded="true"] em:before { content: "\e911"; } .search-results .screen-reset .title .right a + div { background: #f5f5f5; position: absolute; top: 26px; left: 0; min-width: 120px; width: 100%; z-index: 100; } .search-results .screen-reset .title .right a + div ul { padding: 10px 15px; } .search-results .screen-reset .title .right a + div ul li { padding-top: 5px; margin-top: 5px; border-top: 1px solid #d4d4d4; } .search-results .screen-reset .title .right a + div ul li:first-child { border: 0; margin: 0; padding: 0; } .search-results .screen-reset .title .right a + div ul li a { font-family: "AkkuratPro-Regular", Helvetica, Arial, sans-serif; } .search-results .screen-reset .title .right a + div ul li a:hover { color: #f66f6a; font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif; } .search-results .screen-reset .results-list li { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #d4d4d4; list-style: none; } .search-results .screen-reset .results-list li:first-child { padding-top: 0; } .search-results .screen-reset .results-list li .recommand { background: #f6f4f5; padding: 20px; border-radius: 5px; } .search-results .screen-reset .results-list li .list-style-1 li { width: 50%; float: left; border-bottom: 0; padding: 10px 0; } .search-results .screen-reset .results-list li .list-style-1 li a { color: #f8788b; font-size: 16px; } .search-results .screen-reset .results-list li p { font-size: 16px; margin-top: 5px; } .search-results .screen-reset .results-list li strong { font-size: 22px; display: inline-block; vertical-align: -2px; vertical-align: middle \9; } .search-results .screen-reset .results-list li .date { margin-top: 5px; } .search-results .screen-reset .results-list li a:hover span { text-decoration: underline; } .search-results .screen-reset .results-list .list-style-2 > a { font-size: 18px; padding-top: 10px; display: block; } .search-results .screen-reset .results-list .type { color: #808080; font-size: 14.000000000000002px; margin-bottom: 5px; } .search-results .screen-reset .results-list h3 { margin: 0; font-size: 22px; overflow: hidden; color: #282828; } .search-results .screen-reset .results-list a { width: 100%; font-size: 22px; } .search-results .screen-reset .results-list span.deta { font-size: 14px; color: #666; display: block; } .search-results .screen-reset .results-list p { margin-top: 0; font-size: 14.000000000000002px; line-height: 22px; } .search-results .screen-reset .results-list .date { font-size: 14.000000000000002px; color: #808080; display: block; height: 100%; } .search-results .screen-reset .results-list .row { display: flex; margin-top: 0; margin-bottom: 20px; align-items: center; } .search-results .screen-reset .results-list .row .col-xs-7 { padding-right: 0; } .search-results .screen-reset .results-list .row .col-xs-5 { padding-left: 0; overflow: hidden; } .search-results .screen-reset .results-list .row .col-xs-5 > div { height: 240px; position: relative; text-align: center; width: 100%; overflow: hidden; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .search-results .screen-reset .results-list .row .col-xs-5 > div img { display: inline-block !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .search-results .screen-reset .results-list .row .content { background: #dde6ed; display: block; width: 100%; height: 100%; padding: 30px 40px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height: 240px; overflow: hidden; position: relative; } .search-results .screen-reset .results-list .row .content .title { margin-bottom: 0; } .search-results .screen-reset .results-list .row .content > div { max-height: 187px; overflow: hidden; } .search-results .screen-reset .results-list .row .content > div h3 { margin-top: 5px; margin-bottom: 5px; font-weight: bold; } .search-results .screen-reset .results-list .row img { width: auto; margin: 0 auto; } .search-results .screen-reset .results-list > h3 { margin-top: 60px; margin-bottom: 20px; } .screen { margin-bottom: 40px; } .screen .results-input { margin-top: 30px; } .screen .title { border-bottom: 1px solid #d4d4d4; margin-bottom: 0; } .screen .title h3 { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1; } .screen .title a { display: inline-block; vertical-align: middle; line-height: 1; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important; font-size: 18px; color: #f66f6a; float: right; } .screen .filter-wrap { margin-top: 30px; margin-bottom: 20px; } .screen .filter-wrap > div { position: relative; } .screen .filter-wrap > div .input-search { margin-bottom: 20px; } .screen .filter-wrap ul li { margin-bottom: 15px; } .screen .filter-wrap ul li .check-box { width: 26px; height: 26px; display: inline-block; float: left; margin-top: 0; outline:none; } .screen .filter-wrap ul li > div { border-radius: 3px; } .screen .filter-wrap ul li > label { display: inline-block; float: right; width: 90%; font-weight: normal; cursor: pointer; } .screen .filter-wrap ul li > label:hover { font-family: "akkuratpro-bold", Helvetica, Arial, sans-serif; } .screen .filter-wrap ul li > label.icheckbox_square-blue { background-image: url(../../img/icheck/blue.png); } .screen .filter-wrap ul li > label a { float: left; color: #222222; font-size: 18px; } .screen .filter-wrap ul li > label a:hover, .screen .filter-wrap ul li > label a.active { font-weight: bold; } .screen .filter-wrap ul li > label em { font-style: normal; } .screen .filter-wrap ul li > label span { float: right; color: #555; font-size: 14.000000000000002px; } /*新闻news页面结束*/ /*社会招聘*/ .addPeople{ background-color: #FFFFFF;} /*社会招聘*/ .society_zp{} .society_zp .t_1{width: 100%; min-width: 1100px; margin-bottom: 4%; position: relative;} .society_zp .t_1 img{width: 100%;} .society_zp .t_1 .txt{ left: 0; position: absolute; color: #fff; padding-left: 13.5%; top: 18%; bottom: 10%; font-size: 16px; line-height: 30px;} .society_zp .t_1 .txt p{font-size: 36px;line-height: 60px;} .society_zp .addPeople{width: 1030px; margin: 30px auto 60px;} .society_zp .addPeople .mb{ margin-bottom: 2%;} /*.society_zp .addPeople span,.society_zp .addPeople label{display: block; float: left;}*/ .society_zp .addPeople label{width: 27%; text-align: right;font-size: 14px;line-height: 38px; margin-right: 2%;float: left;} .society_zp .addPeople label span{color: #de3435;} .society_zp .addPeople input[type="text"],.society_zp .addPeople .select_box,.society_zp .addPeople .select_box_multi{border: 1px solid #d9dcdf; border-radius: 6px; padding-left: 15px; height: 38px; line-height: 38px;} .society_zp .addPeople .type input{width:290px; } .society_zp .addPeople .checkPhone input{width:290px; margin-right: 2%; float: left;} .society_zp .addPeople .yz_code,.retrieve .retrieve_c .common .checkPhone{margin: 3% 0;} .society_zp .addPeople .btn{ height: 60px; background-color:#de3435; border-radius: 6px; cursor: pointer; text-align: center; color: #fff; line-height: 60px; font-size: 18px; margin-bottom: 3%; } .society_zp .addPeople p{color: #de3435; float: left; line-height: 38px;} .society_zp .addPeople .selectWrap,.society_zp .addPeople .selectWrap_multi{width: 400px; float: left; position: relative; background: url("../images/icons.png") no-repeat 358px -207px; margin-right: 13px;} .society_zp .addPeople .selectWrap .select_box,.society_zp .addPeople .selectWrap_multi .select_box{ padding-left: 0;} .society_zp .addPeople .selectWrap span,.society_zp .addPeople .selectWrap_multi .span{ padding-left: 15px;display: block; width: 100%; cursor: pointer; height: 38px} .society_zp .addPeople .select_box_multi .select_box{padding-left:0; width: 90%;} .society_zp .addPeople .selectWrap ul,.society_zp .addPeople .selectWrap_multi ul{ max-height: 200px; overflow-y: scroll; border: 1px solid #cccccc; left: 0;width: 99.6%; padding: 2% 0; border-radius: 4px; background-color: #ffffff;z-index: 999;position: absolute;} .society_zp .addPeople .selectWrap ul li,.society_zp .addPeople .selectWrap_multi ul li{ line-height: 30px; padding-left: 15px; cursor: pointer;} .society_zp .addPeople .selectWrap ul li:hover{ background-color: #999999;} .society_zp .addPeople .radio{ margin: 1% 0;float: left; padding-left:10%;width: 280px;} .society_zp .addPeople .radio span{display: block; float: left; width:34%;} .society_zp .addPeople .radio span.span1{ margin-right: 7%;} .society_zp .addPeople .radio input{vertical-align: middle;} .society_zp .addPeople .radio input[type="radio"] { /* margin: 5px 3px 0px 5px; */ display: none; vertical-align: middle; } .society_zp .addPeople .radio label { width: 45%; line-height: 20px;text-align: left; padding-left: 20px; cursor: pointer; background: url(../images/radioicon.png) no-repeat left 3px;} .society_zp .addPeople .radio label.checked { background-position: left -21px;} .society_zp .addPeople .codeImg{width: 80px; margin-right: 1%;} .society_zp .addPeople .getMsg{ width: 80px; border: 1px solid #de3435; height: 38px; background-color: #de3435; line-height: 38px;text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .society_zp .addPeople .getInMsg{ color: #999999; border-color:#999999; background-color: transparent; cursor:not-allowed } .society_zp .addPeople .againGetMsg{ background-color: transparent; color: #de3435;} .society_zp .addPeople .getMsg.againGetMsg,.society_zp .addPeople .getMsg.getInMsg{ display: none;} .society_zp .addPeople .reset_code{ padding: 10px; cursor: pointer;} .society_zp .addPeople .btn{width: 300px; margin-left: 29.2%;} .society_zp .addPeople input.w,.society_zp .addPeople .radio{width: 384px; float: left; margin-right: 10px;} .society_zp .addPeople .radio{width: 322px;} .society_zp .addPeople .phone i{float: left; margin: 0 10px; line-height: 38px} .society_zp .addPeople .phone ul.w2{width: 136px; float: left; border: 0; margin-right: 0;} .society_zp .addPeople .phone ul.w2 span{ padding-left: 8px; width: 62%; padding-right: 40px; background: url(../images/icons.png) 92px -206px no-repeat;} .society_zp .addPeople .phone input.w{width: 216px;} /*上传简历Button*/ .society_zp .addPeople .submit_CV{ position: relative;} .society_zp .addPeople .submit_CV i{font-size: 12px; margin: 0 ; line-height: 20px; color: #666; text-align: left;} .society_zp .addPeople .submit_CV .btn{ color: #3a9bfc; font-size:14px;width: 90px; line-height: 30px; height: 30px;text-align: center; margin-left: 0; margin-right: 10px; margin-bottom: 0; cursor: pointer; background: transparent url("../images/icons.png") no-repeat 12px 10px;} .society_zp .addPeople .submit_CV .file {float: left; cursor: pointer; position: relative; border:1px solid #3a9bfc; display: inline-block; border-radius: 4px; padding: 4px 0px 4px 20px; overflow: hidden; text-decoration: none; text-indent: 0; } .society_zp .addPeople .submit_CV .file input { cursor: pointer; position: absolute; border: 0; background-color: #3a9bfc;width: 126px; height: 40px; font-size: 100px; right: 0; top: 0; opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0; } .society_zp .addPeople .phoneCode{} .society_zp .addPeople .phoneCode input{float: left; width: 32%; margin-right: 13px;} .society_zp .addPeople .phoneCode .phoneCodeBtn{ float: left; width: 14%; margin-right: 10px; background-color:#de3435; color: #ffffff; border: 1px solid #de3435; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; cursor: pointer;} .society_zp .addPeople .phoneCode .phoneCodeBtn.getMsg{ } .society_zp .addPeople .phoneCode .phoneCodeBtn.againGetMsg{ color: #de3435; background-color: transparent;} .society_zp .addPeople .phoneCode .phoneCodeBtn.getInMsg{ color: #999999; background-color: transparent; border-color: #999999; cursor: not-allowed;} /*lyc_add_start*/ .society_zp .re_sec .select_box1{border: 1px solid #d9dcdf; border-radius: 6px; padding-left: 15px; height: 38px; line-height: 38px;} .society_zp .re_sec .selectWrap1{width: 126.5px; float: left; position: relative; background: url("../images/icons.png") no-repeat -454px -5px; margin-right: 10px;} .society_zp .re_sec .selectWrap1 .select_box1{ padding-left: 0; border: 1px solid #d9dcdf;} .society_zp .re_sec .selectWrap1 span{ padding-left: 5px;display: block; width: 100%; cursor: pointer; height: 38px;line-height: 38px;} .society_zp .re_sec .selectWrap1 ul{max-height: 200px; overflow-y: scroll; border: 1px solid #cccccc; left: 0; width: 125px; padding: 4px 0; border-radius: 4px; background-color: #ffffff;z-index: 999;position: absolute;} .society_zp .re_sec .selectWrap1 ul li{ line-height: 30px; padding-left: 15px; cursor: pointer;} .society_zp .re_sec .selectWrap1 ul li:hover{ background-color: #999999;} .society_zp .re_sec .selectWrap1 span{color: #6d6d6d;} .society_zp .re_sec .addP_addlyc{margin-left: 3px;} .society_zp .select_box3{border: 1px solid #d9dcdf; border-radius: 6px; padding-left: 15px; height: 38px; line-height: 38px;} .society_zp .selectWrap3{width:400px; float: left; position: relative; /*background: url("../images/icons.png") no-repeat 357px -207px;*/ margin-right:10px;} .society_zp .selectWrap3 .select_box3{ padding-left: 0; border: 1px solid #dbdbdb;} .society_zp .selectWrap3 span{color:#6d6d6d;padding-left:16px;display: block; width: 100%; cursor: pointer; height: 38px;line-height: 38px;} .society_zp .selectWrap3 ul{ max-height:200px;overflow-y: scroll;border: 1px solid #cccccc; left: 0; width: 397px; padding: 4px 0; border-radius: 4px; background-color: #ffffff; z-index: 999; position: absolute;} .society_zp .selectWrap3 ul li{ line-height: 30px; padding-left: 15px; cursor: pointer;} .society_zp .selectWrap3 ul li:hover{ background-color: #999999;} .society_zp .selectWrap3{width:400px; margin-left:0px; margin-right: 10px;} .society_zp .selectWrap3 .select_pinput3{padding-left: 13px;position: absolute;top: 0%;left: -4.1%;width: 120px;} .society_zp .selectWrap3 .select_pinput3 .select_input3{font-size: 12px;width: 339px;margin: 1px 1px 1px 5px;border: none;height: 36px;padding: 0px;line-height: 36px;padding-left: 13px;padding-right: 45px;} .society_zp .selectWrap3 .select_xlbtn3{position: absolute;top: 0%;right: 0%;width:42px;height:40px;/*opacity: 0;*/background: url("../images/icons.png") no-repeat 0px -207px;} .society_zp .selectWrap3 .select_pinput3 .select_input3::input-placeholder{color:#6d6d6d;} .society_zp .select_box4{border: 1px solid #d9dcdf; border-radius: 6px; padding-left: 15px; height: 38px; line-height: 38px;} .society_zp .selectWrap4{width:400px; float: left; position: relative; /*background: url("../images/icons.png") no-repeat 95px -207px;*/} .society_zp .selectWrap4 .select_box4{ padding-left: 0; border: 1px solid #dbdbdb;} .society_zp .selectWrap4 span{color:#6d6d6d;padding-left:16px;display: block; width: 100%; cursor: pointer; height: 38px;line-height: 38px;} .society_zp .selectWrap4 ul{ max-height:200px;overflow-y: scroll;border: 1px solid #cccccc; left: 0; width: 133px; padding: 4px 0; border-radius: 4px; background-color: #ffffff; z-index: 999; position: absolute;} .society_zp .selectWrap4 ul li{ line-height: 30px; padding-left: 15px; cursor: pointer;} .society_zp .selectWrap4 ul li:hover{ background-color: #999999;} .society_zp .selectWrap4{width:136px; margin-left:0px;} .society_zp .selectWrap4 .select_pinput4{padding-left: 16px;position: absolute;top: 0%;left: -14.7%;width: 120px;} .society_zp .selectWrap4 .select_pinput4 .select_input4{font-size: 12px;width: 76px;margin: 1px 1px 1px 5px;border: none;height: 36px;padding: 0px;line-height: 36px;padding-left:13px;padding-right: 45px;} .society_zp .selectWrap4 .select_xlbtn4{position: absolute;top: 0%;right: 0%;width:40px;height:40px;/*opacity: 0;*/background: url("../images/icons.png") no-repeat 0px -207px;} .society_zp .selectWrap4 .select_pinput4 .select_input4::input-placeholder{color:#6d6d6d;} .selectWrap_multi .checkOk{ margin-right: 16px;} .areaCode_tip{ padding-left: 27%; margin-left: 16px; color: #de3435; margin-bottom: 2%;} input::-webkit-input-placeholder{color: #6d6d6d;} input:-moz-input-placeholder{color: #6d6d6d;} input::-moz-input-placeholder{color: #6d6d6d;} input::-ms-input-placeholder{color: #6d6d6d;} /*end*/ /*收集*/ /*社会招聘*/ .society_zp2{} .society_zp2 .t_1{width: 100%; min-width: 1100px; margin-bottom: 4%; position: relative;} .society_zp2 .t_1 img{width: 100%;} .society_zp2 .t_1 .txt{ left: 0; position: absolute; color: #fff; padding-left: 13.5%; top: 18%; bottom: 10%; font-size: 16px; line-height: 30px;} .society_zp2 .t_1 .txt p{font-size: 36px;line-height: 60px;} .society_zp2 .addPeople{width: 1030px; margin: 30px auto 60px;} .society_zp2 .addPeople .mb{ margin-bottom: 2%; border-bottom:1px dashed #ddd; padding-bottom:20px;} /*.society_zp2 .addPeople span,.society_zp2 .addPeople label{display: block; float: left;}*/ .society_zp2 .addPeople label{width: 13%; text-align: right;font-size: 14px;line-height: 38px; float: left;} .society_zp2 .addPeople label span{color: #de3435;} .society_zp2 .addPeople input[type="text"],.society_zp2 .addPeople .select_box,.society_zp2 .addPeople .select_box_multi{border: 1px solid #d9dcdf; border-radius: 6px; padding-left: 15px; height: 38px; line-height: 38px; width:371px;} .input000 { border: 1px solid #d9dcdf!important; border-radius: 6px!important; padding-left: 15px!important; height: 80px!important; line-height: 80px!important; width:800px!important; } .society_zp2 .addPeople .type input{width:290px; } .society_zp2 .addPeople .checkPhone input{width:290px; margin-right: 2%; float: left;} .society_zp2 .addPeople .yz_code,.retrieve .retrieve_c .common .checkPhone{margin: 3% 0;} .society_zp2 .addPeople .btn{ height: 60px; background-color:#de3435; border-radius: 6px; cursor: pointer; text-align: center; color: #fff; line-height: 60px; font-size: 18px; margin-bottom: 3%; position: static;padding:0} .society_zp2 .addPeople p{color: #de3435; float: left; line-height: 38px;} .society_zp2 .addPeople .selectWrap,.society_zp2 .addPeople .selectWrap_multi{width: 400px; float: left; position: relative; background: url("../images/icons.png") no-repeat 358px -207px; margin-right: 13px;} .society_zp2 .addPeople .selectWrap .select_box,.society_zp2 .addPeople .selectWrap_multi .select_box{ padding-left: 0;} .society_zp2 .addPeople .selectWrap span,.society_zp2 .addPeople .selectWrap_multi .span{ padding-left: 15px;display: block; width: 100%; cursor: pointer; height: 38px} .society_zp2 .addPeople .select_box_multi .select_box{padding-left:0; width: 90%;} .society_zp2 .addPeople .selectWrap ul,.society_zp2 .addPeople .selectWrap_multi ul{ max-height: 200px; overflow-y: scroll; border: 1px solid #cccccc; left: 0;width: 99.6%; padding: 2% 0; border-radius: 4px; background-color: #ffffff;z-index: 999;position: absolute;} .society_zp2 .addPeople .selectWrap ul li,.society_zp2 .addPeople .selectWrap_multi ul li{ line-height: 30px; padding-left: 15px; cursor: pointer;} .society_zp2 .addPeople .selectWrap ul li:hover{ background-color: #999999;} .society_zp2 .addPeople .radio{ margin: 1% 0;float: left; padding-left:10%;width: 280px;} .society_zp2 .addPeople .radio span{display: block; float: left; width:23%;} .society_zp2 .addPeople .radio span.span1{ margin-right: 7%;} .society_zp2 .addPeople .radio span.span2{ margin-right: 1%; width:7%;} .society_zp2 .addPeople .radio input{vertical-align: middle;} .society_zp2 .addPeople .radio input[type="radio"] { /* margin: 5px 3px 0px 5px; */ display: none; vertical-align: middle; } .society_zp2 .addPeople .radio label { width: 100%; line-height: 20px;text-align: left; padding-left: 20px; cursor: pointer; background: url(../images/radioicon.png) no-repeat left 3px;} .society_zp2 .addPeople .radio label.checked { background-position: left -21px;} .society_zp2 .addPeople .codeImg{width: 80px; margin-right: 1%;} .society_zp2 .addPeople .getMsg{ width: 80px; border: 1px solid #de3435; height: 38px; background-color: #de3435; line-height: 38px;text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .society_zp2 .addPeople .getInMsg{ color: #999999; border-color:#999999; background-color: transparent; cursor:not-allowed } .society_zp2 .addPeople .againGetMsg{ background-color: transparent; color: #de3435;} .society_zp2 .addPeople .getMsg.againGetMsg,.society_zp2 .addPeople .getMsg.getInMsg{ display: none;} .society_zp2 .addPeople .reset_code{ padding: 10px; cursor: pointer;} .society_zp2 .addPeople .btn{width: 300px; margin-left:auto; margin-right:auto;} /*供应商*/ .society_zp2 .addPeople input.w,.society_zp2 .addPeople .radio{width: 371px; float: left; margin-right: 10px;} .society_zp2 .addPeople input.y{width: 199px; float: left; margin-right: 10px;} .society_zp2 .addPeople .radio{width: 371px;} .society_zp2 .addPeople .phone i{float: left; margin: 0 10px; line-height: 38px} .society_zp2 .addPeople .phone ul.w2{width: 136px; float: left; border: 0; margin-right: 0;} .society_zp2 .addPeople .phone ul.w2 span{ padding-left: 8px; width: 62%; padding-right: 40px; background: url(../images/icons.png) 92px -206px no-repeat;} .society_zp2 .addPeople .phone input.w{width: 216px;} /*上传简历Button*/ .society_zp2 .addPeople .submit_CV{ position: relative;} .society_zp2 .addPeople .submit_CV i{font-size: 12px; margin: 0 ; line-height: 20px; color: #666; text-align: left;} .society_zp2 .addPeople .submit_CV .btn{ color: #3a9bfc; font-size:14px;width: 90px; line-height: 30px; height: 30px;text-align: center; margin-left: 0; margin-right: 10px; margin-bottom: 0; cursor: pointer; background: transparent url("../images/icons.png") no-repeat 12px 10px;} .society_zp2 .addPeople .submit_CV .file {float: left; cursor: pointer; position: relative; border:1px solid #3a9bfc; display: inline-block; border-radius: 4px; padding: 4px 0px 4px 20px; overflow: hidden; text-decoration: none; text-indent: 0; } .society_zp2 .addPeople .submit_CV .file input { cursor: pointer; position: absolute; border: 0; background-color: #3a9bfc;width: 126px; height: 40px; font-size: 100px; right: 0; top: 0; opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0; } .society_zp2 .addPeople .phoneCode{} .society_zp2 .addPeople .phoneCode input{float: left; width: 32%; margin-right: 13px;} .society_zp2 .addPeople .phoneCode .phoneCodeBtn{ float: left; width: 14%; margin-right: 10px; background-color:#de3435; color: #ffffff; border: 1px solid #de3435; height: 38px; line-height: 38px; text-align: center; border-radius: 4px; cursor: pointer;} .society_zp2 .addPeople .phoneCode .phoneCodeBtn.getMsg{ } .society_zp2 .addPeople .phoneCode .phoneCodeBtn.againGetMsg{ color: #de3435; background-color: transparent;} .society_zp2 .addPeople .phoneCode .phoneCodeBtn.getInMsg{ color: #999999; background-color: transparent; border-color: #999999; cursor: not-allowed;} /*新加供应商*/ .society_zp2 .addPeople input.gsy_firstinput{ width: 886px; } .gys_style{ padding-left:42px; padding-right:5px; } .society_zp2 .addPeople .gys_radiobox{ width:886px; padding-left:1%; } .society_zp2 .addPeople .radio input[type="radio"]{ display: block; margin: 3px 3px 0px 5px; width: 16px; height: 16px; } .society_zp2 .addPeople .radio label{ padding-left: 25px; } .society_zp2 .addPeople .radio span.span2{ width: 23%; } /*留言页验证码*/ .yanZhengMa{ margin-top: 10px; } .join_conTopTitle520{ width: 520px; } /*加入人才库内的手机端隐藏*/ .join1SZ_talents_m{ display: none; } /*社会招聘结束*/ /*开放日内容*/ .openDay_nbox{ text-align: center; padding: 20px 0; } /*开放日内容结束*/ /*加入鑫源人才库*/ /*招聘*/ .zhaopin{ width:100%; padding-top:30px; } .zhaopin_1,.zhaopin_2,.zhaopin_3,.zhaopin_4{ padding-bottom:30px; } .zhaopin_1_up{ height:51px; border-bottom:#dadada 1px dotted; font-size:16px; color:#363636; padding-left:10px; } .zhaopin_1_up img{ vertical-align:middle; margin-right:4px; } .zhaopin_1_down{ padding-top:15px; } .zhaopin_1_down table{ width:100%; } .zhaopin_1_down table td{ padding:10px 0; } .zhaopin_title{ font-size:14px; color:#363636; line-height:36px; } .zhaopin_title span{ color:#ef4646 } .zhaopin_title_input{ padding-left:10px; vertical-align:middle; line-height:36px; font-size:14px; color:#555555; } .zhaopin_title_input input{ width:85%; height:34px; border:#e4e4e4 1px solid; padding-left:1%; line-height:34px; font-size:14px; color:#555555; } .zhaopin_title_danxuan{ padding-left:10px; } .zhaopin_title_danxuan span{ display:inline-block; width:72px; height:32px; padding:1px; border:#e4e4e4 1px solid; background-color:#f9f9f9; margin-right:10px; position:relative; text-align:center; line-height:34px; font-size:13px; color:#363636; } .zhaopin_title_danxuan span i{ background-image:url(../images/job/zhaopin_14.png); background-position:left top; background-repeat:no-repeat; width:8px; height:8px; position:absolute; z-index:99; right:0; bottom:0; display:none; } .zhaopin_title_danxuan span:hover{ border:#309de0 2px solid; padding:0; } .zhaopin_title_danxuan span:hover i{ display:block; } .zhaopin_title_select{ padding-left:10px; } .zhaopin_title_select select{ width:118px; height:34px; border:#e4e4e4 1px solid; padding-left:10px; line-height:34px; font-size:14px; color:#363636; } .zhaopin_title_textarea{ padding-left:10px; font-size:13px; color:#363636; } .zhaopin_title_textarea span{ color:#ef4646 } .zhaopin_title_textarea textarea{ width:92%; height:134px; border:#e4e4e4 1px solid; padding:10px; padding-left:10px; line-height:34px; font-size:14px; color:#363636; } .zhaopin_2{ border-top:#dadada 1px dotted; padding-top:30px; padding-left:15%; } /*加入鑫源人才库结束*/ /*校园招聘*/ .join2_flow_m{ display: none; } /*常见问题*/ /*--常见问题--*/ .faq_contactBox{ margin: 50px auto; } .web{ width:1200px; margin:0 auto; } .commonweb{ width:1120px; padding:20px 40px 0; margin:0 auto; background:#fff; } .absolutecont{ z-index: 2; width:1200px; margin:0 auto 0 auto; padding-bottom:7px; } .pageslink{ float: right; } .pagestitle h4 span{ display:block; color:#064b87; font-size:20px; line-height:20px; font-weight:bold; } .pagestitle h4 em{ font-size:36px; color:#e4e6ea; text-transform:capitalize; line-height:40px; font-family:"AvantGardeITCbyBT-Medium",Arial; } .pageslink .indexicon{ width:14px; height:19px; display:inline-block; background:url(../webimages/home.png) center 5px no-repeat; vertical-align:top; } .borderbottom .time{ float:right; } .Commonproblem{ background:#fff; overflow: hidden; } .Commonproblem li.borderbottom{ border-bottom:1px solid #e8e8e8; padding-top:15px; } .Commonproblem li h3.problemtitle{ position:relative; padding:6px 50px 15px 65px; background:url(../images/winco32.png) no-repeat 99% 12px; font-size:14px; cursor:pointer; } .Commonproblem li.cur h3{ color:#064b87; background:url(../images/winco33.png) 99% 12px no-repeat; } .Commonproblem span.problemQ{ background:url(../images/winco30.png) no-repeat; display:block; width:32px; height:32px; position:absolute; left:0px; top:0px; } .Commonproblem span.problemA{ background:url(../images/winco31.png) no-repeat; display:block; width:32px; height:32px; position:absolute; left:40px; top:25px; } .CommonproblemContent{ background:#f7f7f7; padding:35px 35px 35px 90px; font-size:13px; line-height:24px; position:relative; display:none; } .Commonproblem li.cur h3{ color:#064b87; background:url(../images/winco33.png) 99% 12px no-repeat; } /*常见问题结束*/ /*新闻详情页文字*/ .news06_detailsText{ margin-top:0px; margin-bottom:0px; padding:5px 0px; font-family:Simsun; font-size:14px; color:#5E5E5E; font-variant-numeric:normal; font-variant-east-asian:normal; white-space:normal; widows:1; background-color:#FFFFFF; font-stretch:normal; line-height:28px; } .news06_detailsText span{ font-size:16px; line-height:2.5; } .news07_detailText{ margin-top:0px; margin-bottom:0px; padding:0px; font-family:微软雅黑; font-size:16px; color:#666666; white-space:normal; } .news07_detailText span{ margin:0px; padding:0px; font-family:SimSun; font-size:14px; line-height:2.5; } .news07_detailText span strong{ margin:0px; padding:0px; font-family:微软雅黑; font-size:16px; } .news09_detailTextBox p{ margin-top:0px; margin-bottom:0px; padding:2px 0px 10px; font-family:微软雅黑; font-size:14px; color:#666666; font-variant-numeric:normal; font-variant-east-asian:normal; white-space:normal; font-stretch:normal; line-height:30px; widows:1; background-color:#FFFFFF; text-align: left; text-indent: 2em; } .news09_detailTextBox p img{ text-align: center; } /*新加产品中心nav下拉*/ /*给新加产品的以及nav加父级定位*/ .newNav_proFather{ position: relative; } header .newNav_proFather a.newNav_proTwoTitle{font-size: 14px} header #hw1_global_nav nav .nav-contact > ul > .newNav_proFather div{width: 155px} header #hw1_global_nav nav .nav-contact > ul > li div{ width: 135px; position: absolute; text-align: center; top: 74px; background-color: #F5F5F5; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); display: none; /*下面两个是测试使用*/ /*opacity: 1; display: block;*/ } /*二级菜单大标题*/ header #hw1_global_nav nav .nav-contact > ul:first-child li > a.newNav_proTwoTitle{ line-height: 50px; position: relative; } /*三级菜单*/ .newNav_proTwoBox_1:nth-child(2) ul{margin-top:50px;} .newNav_proTwoBox_1:nth-child(3) ul{margin-top:100px;} .newNav_proTwoBox_1:nth-child(4) ul{margin-top:150px;} .newNav_proTwoBox:nth-child(2) ul{margin-top:50px;} .newNav_proTwoBox:nth-child(3) ul{margin-top:100px;} .newNav_proTwoBox:nth-child(4) ul{margin-top:150px;} .sanjiBox{ display: none; position: absolute; width: 650px; z-index: 100; background-color: rgba(255,255,255,0.95); border: solid 1px #0084BF; text-align: left; padding: 0px 20px 20px; /*下方定位*/ left: 134px; } .sanjiBox h2{ font-size: 100%; margin: 0; line-height: 40px; padding: 0; text-align: left; } header #hw1_global_nav nav .nav-contact .sanjiBox li a{ color: #999999; } header #hw1_global_nav nav .nav-contact .sanjiBox li a:hover{ color: #f66f6a; } /*.newNav_proTwoBox:nth-child(5) .newNav_proThreeBox{ display: block; }*/ /*新加产品中心nav下拉*/ /*电脑端联系我们*/ .mContactus_box{ display: none; } /*首页轮播*/ .index_mbanner{ display: none; } /*行业内容*/ .industry_nbox{ max-width:1200px; width: 100%; margin: 0 auto; line-height: 80px; } .industry_nbox p{ padding-left: 20px; } /*视频容器*/ .movie_dBox{ text-align: center; overflow: hidden; } .movie_dvideo{ width: 640px; height: 498px; } /*手机端代码767*/ @media (max-width: 767px) { /*通用的手机样式*/ html,body{ width: 100%; overflow-x: 0; } /*在手机端内右侧的电话qq操作区隐藏*/ #leftsead{ display: none; } /*手机端的头部显示*/ .image-text-carousel .slick-prev, .image-text-carousel .slick-next{ display: none !important; } /*手机版的底部*/ #footer .copy{ height: auto; } /*将通用的图片高度重置*/ *[class*="rect-"]{ height: auto; } /*重要*****每个内页里需要的有内部nav的下拉的容器*/ .neiYe_navBox{ display: block; } .neiYe_navBox{ width: 100%; height: 44px; border-bottom: solid 1px #E6E6E6; position: relative; } .neiYe_navArrow{ position: absolute; left: 20px; } .neiYe_navArrowUp{ width: 15px; height: 15px; border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; transform: rotate(45deg); top: 11px; } .neiYe_navArrowDown{ width: 15px; height: 15px; border-top: 3px solid #ccc; border-left: 3px solid #ccc; transform: rotate(45deg); top: 21px; } .neiYe_navBox ul{ position: absolute; top: 44px; width: 100%; display: none; z-index: 50; } .neiYe_navBox ul li{ background-color: #F2F2F2; line-height: 40px; padding-left: 20px; border-bottom: solid 1px #E6E6E6; } /*重要*****每个内页里需要的有内部nav的下拉的容器结束*/ /*首页*/ /*轮播图*/ #banner .banner{ height: auto; } .banner .swiper-container .swiper-slide img{ width: 100%; height: auto; } .index_pcbanner{ display: none; } .index_mbanner{ display: block; } /*手机版轮播图上方的左右按钮*/ .swiper-button-next, .swiper-button-prev{ width: 13.5px; height: 22px; background-size: 13.5px 22px; } /*企业介绍*/ .container > .title{ width: 95%; margin: 0 auto 20px; } .title h2{ font-size: 18px; } .product-callout .col-lg-6{ padding-top: 20px; } .product-callout{ margin-top: 20px; } .title h2 em{ font-size: 24px; } .index_comIntroTitle{ font-size: 16px; line-height: 32px; } .index_comIntroText{ font-size: 14px; } /*近期新闻的文字介绍区域*/ .columns-list .card-content{ height: auto; } /*合作伙伴*/ .vertical-card .card .card-img{ width: 50%; float: left; margin-left: 5px; } /*首页结束*/ /*about版的头部修改*/ /*中间的区域*/ .wrap{ width: 95%; } /*头部banner*/ .storageBanner .pic:after{ padding-top: 31.25%; } /*about1公司办公区*/ .about02 .content >.row>.span-4{ width: 95%; margin: 10px auto 0; float: none; } .about02 .rect-143{ padding-bottom: 0; } .about02 .rect-143 img{ display: block; width:100%; height: auto; position: static; } /*about页下方三个内容*/ .about02 li .li_box .cover{ position: static; opacity: 1; visibility: initial; } .about02 li .li_box .cover .con{ margin-top:0; } /*about2*/ .manage-bot{ height: auto; position: static; background-image:none; } .manage-bot .w1400{ width: 100%; } .manage-bot .slides li{ width: 100%; float: none; padding: 20px 3%; background-image: url(../images/about02_botbj.jpg); margin-bottom: 0; } .manage-bot .w1400{ height: auto; } .manage-bot .slides li p{ opacity: 1; } /*about3*/ .w1200{ width: 100%; } .hisWrap .pad{ padding-left: 0; } .hisWrap .pad .hisContent .hisInfo .juList{ width: 95%; margin: 0 auto; padding: 0; } .btnSlide{ display: none; } .mAabout3_title{ display: block; margin-left: 30px; font-size: 24px; margin-bottom: 20px; font-weight: bold; color: #D7D7D7; } /*发展历程年代上面背景*/ .hisWrap .pad .hisContent .hisInfo .juList.li2019, .hisWrap .pad .hisContent .hisInfo .juList.li2018, .hisWrap .pad .hisContent .hisInfo .juList.li2017, .hisWrap .pad .hisContent .hisInfo .juList.li2016, .hisWrap .pad .hisContent .hisInfo .juList.li2014, .hisWrap .pad .hisContent .hisInfo .juList.li2013, .hisWrap .pad .hisContent .hisInfo .juList.li2012, .hisWrap .pad .hisContent .hisInfo .juList.li2005, .hisWrap .pad .hisContent .hisInfo .juList.li2002, .hisWrap .pad .hisContent .hisInfo .juList.li1999{ background-size: 100% auto; } /*about4企业荣誉*/ .about04_section{ padding: 30px 0; } .three-cols .about04_box{ width: 95%; margin: 15px auto; } .three-cols .about04_box:nth-child(3n+1), .three-cols .about04_box:nth-child(3n+0){ margin: 15px auto; } .about04_box h5{ line-height: 32px; } /*about5企业文化*/ .common-infor.black .common-tit{ padding: 0; } .our_value .part_ul{ background-size: cover; padding: 30px 0; } .our_value .part_ul .part_content li{ width: 100%; float: none; } .our_value .part_ul .part_content li .box{ border-right: none; padding:20px 34px ; } .our_value .part_ul .part_content .box .p{ height: auto; } /*资格等级*/ .our_value .value_culture .common-tit{ line-height: 1.5; } .our_value .value_culture .content{ padding: 0; } .our_value .value_culture .part_i{ width: 25%; } /*about6董事长*/ .about6_topBox{ width: 100%; height: 0; } /*anli_detail01案例详情页*/ .anliDetail_box{ width: 95%; margin: 0 auto; } /*anli案例列表页*/ .main{ padding-top: 30px; } .customer_lists ul .item{ width: 100%; float: none; } .contact .prod .righttext .xiangtext {width: 100%} .contact .prod .righttext{ width: 100%; } .contact .prod .righttext img{ width: 100%; } /*chuangke创客基地*/ .row>.smal-12{ width:95%; margin: 0 auto 15px; float: none; } .envir_government01 .rect-1345{ padding-bottom: 0; } /*联系我们*/ .contactus_eqcode{ display: none; } .mContactus_box{ display: block; text-align: center; } /*fangan方案列表页*/ .case-channel .list li{ width: 98%; float: none; margin: 0 auto 15px; position: static; } .case-channel .list .con{ position: static; } .case-channel .list h2{ color: #333333; } .case-channel .list p.font{ color: #333333; } /*fuwu服务*/ .butler{ position: static; padding: 30px; } .butler .pic{ width:95%; margin: 0 auto; } .butler .box{ position: static; width: 95%; margin: 0 auto; padding: 0; } .butler .box p.textalignright{ text-align: left; } /*服务下方四个块*/ .butler-list{ width: 100%; } .butler-list li{ height: auto; } .butler-list .fuwu_odd{ width: 100%; } .butler-list li .fuwu_oddn{ width: 90%; float: none; margin: 0 auto; } .butler-list li.odd:hover .bg{ top: 0; left: 50%; } .butler-list li.even .pic{ float: none; } .butler-list li.even:hover .bg{ top: 0; right: 50%; } .butler-list li img{ position: static; margin-left: 0; } /*最下端二十年的守护*/ .butler-bottom .inline-title p.en{ width: 98%; margin: 0 auto; } .butler-bottom .list{ width: 98%; margin:0 auto; } .butler-bottom .list li{ width: 100%; } /*供应商资料及采购要求*/ /*上部的banner*/ #container img{ width: 100%; height: auto; } .gys_conbox{ padding: 0; } .join2{ margin: 40px auto; } /*供应商的输入内容*/ .society_zp2 .addPeople{ width: 100%; } .society_zp2 .addPeople label{ width: 100%; float: none; text-align: left; } .society_zp2 .addPeople input.gsy_firstinput{ width: 95%; } .society_zp2 .addPeople .select_box_multi{ display: block; width: 95%; } .gys_style{ padding-left:10px; padding-right:0; font-size: 14px; line-height: 38px; } .society_zp2 .addPeople input.y{ width: 95%; } /*单选框*/ .society_zp2 .addPeople .gys_radiobox{ width:100%; } /*社会招聘-加入人才库-上方banner*/ .join_1sz_talentsBanner{ display: none; } .zinav li{ width: 50%; margin-right: 0; text-align: center; } .join1SZ_talents_pc{ display: none; } .join1SZ_talents_m{ display: block; } /*人才库按钮*/ .zhaopin_2{ padding-left: 0; text-align: center; } /*招聘信息*/ .job-list-head dd{ border-top: solid 1px #DCDCDC; } .job-list-head .job-name{ width: 30%; } .job-list-head .job-category{ width: 20%; } .job-list-head .job-address{ width: 18%; } .job-list-head .job-operation{ width: 32%; float: right; /*padding-right: 10px;*/ } .accordion .zhiwei{ width: 30%; } .accordion span:first-child{ width: 20%; text-align: center; float: none; } .accordion span:nth-child(3){ width: 15%; margin-left: 10px } .accordion span:last-child{ width: 100px; text-align: right; float: right; margin-right: 10px; } /*下方详细*/ .job-bind-body{ padding: 10px; } .accordion p{ padding-left: 0; } /*页脚*/ .proPage_showBox{ margin-bottom: 10px; } .proPage_btnBox{ margin-bottom: 10px; } .join_conTopTitle520{ width: 100%; } /*学校招聘*/ .storage div img{ width: 100%; height: auto; } .storage .zhaopin_1_up img{ width: 20px; height: auto; } /*上方四个tab页*/ .xiaoyuan_join li{ width: 25%; } .xiaoyuan_joinContactBox{ width: 100%; padding: 0; } .joincon li{ float: none; width: 100%; margin: 0 auto 20px; } .joincon{ margin-bottom: 30px; } .order_details ul{ width: 200px; margin: 0 auto; position: static; text-align: center; } .order_details ul .tab1,.order_details ul .tab2{ position: static; } .join2_flow_pc{ display: none; } .join2_flow_m{ display: block; } /*如果有五个*/ .xiaoyuan_join .join_fivetab{ padding: 0 10px; } .xiaoyuan_join .join_fivetab li{ width: 20%; padding: 0; } .xiaoyuan_join .join_fivetab li a{ font-size: 14px; } /*开放日*/ .join_threetabBox li{ width: 33.33%; } .join_threetabBox li a{ font-size: 12px; } /*视频*/ .contact{ margin-top: 0; } .contact .weizhi a{ margin-left: 10px; } /*每个块*/ .contact .movlist li{ width: 100%; float: none; margin: 0 auto 30px; } /*新闻详情页*/ .zl-pc-header-box{ height: 10px; } /*新闻列表*/ .search-results h1{ margin-top: 20px; margin-bottom: 20px; } .js-mobile-search-filter-btn{ width: 100%; text-align: center; line-height: 38px; border: solid 1px #D4D4D4; border-radius: 5px; margin-bottom: 20px; } .search-results .screen-reset .results-list .row .content{ height: 140px; } .search-results .screen-reset .results-list .row .col-xs-5 > div{ height: 140px; } .search-results .screen-reset .results-list .row .content{ padding: 20px 15px; } .search-results .screen-reset .results-list .row .content > div h3{ font-size: 18px; } /*产品中心的详情*/ .contact .prod .leftimg{ float: none; width:95%; margin: 0 auto; } .contact .prod .righttext{ float: none; width: 95%; margin: 0 auto; } /*投诉入口-留言板*/ .society_zp2 .addPeople input.input000{ width: 95% !important; } .storage div .yanZhengMa{ width: 50%; } .society_zp2 .addPeople .btn{ margin-top: 20px; } /*资料下载页*/ .gonggao{ padding: 30px 0; } /*下载页左侧内容*/ .gonggao .down_list a.download_preview{ width: 60%; } .gonggao .down_list a{ height: auto; border-bottom: none; } .gonggao .down_list li{ border-bottom: solid 1px #F1F1F1; } /*右侧内容*/ .gonggao .down_list a.download_btn{ width: 40%; } .gonggao .down_list .name{ width: 80%; } /*右侧按钮下载按钮区域*/ .gonggao .down_list a.download_btn .down_icon{ display: block; } /*常见问题*/ .absolutecont{ width: 95%; margin: 0 auto; } /*团队风采的手机版*/ .shareholder{ padding-top: 10px; padding-bottom: 20px; } .shareholder ul li{ padding-bottom: 0; } .shareholder ul li dl{ width:100%; overflow: hidden; } .shareholder ul li dl dt{ width:100%; height: auto; } .shareholder ul li dl dt img{ width:100%; height: auto; } .shareholder ul li dl dd{ width: 100%; overflow: hidden; } /*视频详情*/ .movie_dvideo{ width: 100%; height: auto; } } /*手机端代码结束*/ /*手机端代码480*/ @media (max-width: 480px) { .storageBanner .box p:nth-child(2){ display: none; } } @media (max-width:768px) { .caroufredsel_wrapper { margin:0px auto 13px!important; width:100%!important; } } @media (max-width: 767px) { .btn{width: 100%;bottom: -80px!important;padding: 10px 0} .btn h2{font-size: 14px; line-height: 18px;padding:0px 50px; overflow: hidden; text-overflow: ellipsis; /*设置成弹性盒子 */ display: -webkit-box; /*显示的个数 */ -webkit-line-clamp: 1; /* 属性规定框的子元素应该被水平或垂直排列。 */ -webkit-box-orient: vertical; } .btn h1{display:block;text-align:left;font-size: 18px; line-height: 28px; margin-bottom: 0; margin-top: 0;padding:0 50px} .index_comIntroText p:nth-child(2){display: none} .index_comIntroText p:nth-child(3){display: none} .focus{padding: 50px 0 0px 0} .xmSlide_01{height:512px;background:url(../images/focus01.jpg) no-repeat center center!important; background-size:100% 100%; top:-80px!important} .xmSlide_02{height:512px;background:url(../images/focus02.jpg) no-repeat center center!important;top:-80px!important} .xmSlide_03{height:512px;background:url(../images/focus03.jpg) no-repeat center center!important;top:-80px!important} .xmSlide_04{height:512px;background:url(../images/focus04.jpg) no-repeat center center!important;top:-80px!important} .xmSlide-pagination{padding-top: 45px;} }